react.js - react 组件设置的 transform 无效

查看:774
本文介绍了react.js - react 组件设置的 transform 无效的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

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

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

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

解决方案

这个跟react没什么关系。

你看看你操作的那个元素的样式表有没你想要的那个样式就是知道了。

其实你这里就是一个简单的给dom元素添加class,只要dom元素有这个class,就说明你这里的react写法是没问题的,那只有可能是样式的问题。

这篇关于react.js - react 组件设置的 transform 无效的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆