1. 程式人生 > >react動態新增class

react動態新增class

1.動態的新增class

當前元素上沒有其他的class

<div class={'className'}></div>

當前元素上本身有其他的class,又要動態的新增class時:

<div class={['className1',index==0?'className2':null].join(' ')}></div>

或者使用es6中的寫法

<div class={`className1 index==0?'className2':null`}></div>

2.動態的新增style樣式

<div style={{display:(index==0)?"none":"block"}}></div>

//新增多個樣式

<div style={{display:(index==0)?"none":"block","color":"red"}}></div>