問題描述

JSX:style={this.state.expand == index ? {transform: ’rotate(180deg)’, backgroundColor: ’black’} : null}

有背景色效果，無(wú)旋轉(zhuǎn)樣式（chrome）假如寫在樣式表上，class沒有動(dòng)態(tài)更新的可以有樣式會(huì)是組件生命周期問題？

補(bǔ)充的圖片@michael_cai@michael_cai: 我換了一種方式，寫在行間也是不行，瀏覽器顯示的樣式表上也有

問題解答

這個(gè)跟react沒什么關(guān)系。

你看看你操作的那個(gè)元素的樣式表有沒你想要的那個(gè)樣式就是知道了。

其實(shí)你這里就是一個(gè)簡(jiǎn)單的給dom元素添加class，只要dom元素有這個(gè)class，就說(shuō)明你這里的react寫法是沒問題的，那只有可能是樣式的問題。

確實(shí)跟 react 沒啥關(guān)系,

只是因?yàn)槟愕膶傩匀鄙倭?transition, css3 動(dòng)畫重要屬性.

transition: all 2s ease;語(yǔ)法transition: property duration timing-function delay; 屬性的名稱 時(shí)長(zhǎng) 動(dòng)畫方法 延遲

文檔傳送門: http://www.w3school.com.cn/cs...

后來(lái)發(fā)現(xiàn)是transform在行內(nèi)元素上無(wú)效，謝謝各位的回答！