問題描述

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

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

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

問題解答

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

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

其實你這里就是一個簡單的給dom元素添加class，只要dom元素有這個class，就說明你這里的react寫法是沒問題的，那只有可能是樣式的問題。

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

只是因為你的屬性缺少了 transition, css3 動畫重要屬性.

transition: all 2s ease;語法transition: property duration timing-function delay; 屬性的名稱 時長 動畫方法 延遲

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

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