css3 - react 组件设置的 transform 无效

Question

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

有背景色效果，无旋转样式（chrome）
假如写在样式表上，class没有动态更新的可以有样式
会是组件生命周期问题？

补充的图片@michael_cai
@michael_cai:
我换了一种方式，写在行间也是不行，浏览器显示的样式表上也有

Answer 1

這個跟react沒什麼關係。

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

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

Answer 2

確實跟 react 沒啥關係,

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

transition: all 2s ease;
语法
transition: property duration timing-function delay;
           属性的名称 时长  动画方法 延迟

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

Answer 3

後來發現是transform在行內元素上無效，謝謝各位的回答！