小编use*_*977的帖子

ReactJS - CSS:在样式对象中设置 trasitionProperty 不起作用

我目前正在使用基于属性更新的 CSS 转换来处理我的 React 组件中的动画,到目前为止一切都运行良好。

我现在遇到的问题是,我只需要转换我的组件之一上的一些 css 属性。当然,我尝试设置“transitionProperty”CSS 设置来完成此操作,但由于某种原因,React 根本没有设置此设置!

代码示例:

<div style={{
    color: 'red',
    background-color: 'green',
    transition: 'all 1s ease-out', 
    transitionProperty: 'color, background-color'
}} />
Run Code Online (Sandbox Code Playgroud)

它给我的结果是:

<div style="color:red; background-color:green; transition:all 1s ease-out" />
Run Code Online (Sandbox Code Playgroud)

没有“过渡属性”!

我正在使用 ReactJS,带有 Webpack 构建堆栈,并且已经尝试过像 {WebkitTransitionProperty:

我在这里缺少什么?

css jsx reactjs

6
推荐指数
1
解决办法
5167
查看次数

标签 统计

css ×1

jsx ×1

reactjs ×1