Javascript React JSX转换没有效果
代码如下:Javascript React JSX转换没有效果,javascript,css,reactjs,animation,transform,Javascript,Css,Reactjs,Animation,Transform,代码如下: 让transStyle={ 弹性:1, 背景颜色:“#CC99”, 宽度:200, 身高:200, 转换:[ {透视图:500}, {translateX:-45}, {rotateY:'60deg'}, ], } 常量应用=( mydiv ); ReactDOM.render( 应用程序, document.getElementById(“应用程序”) ); 在CSS表单中完美工作的转换效果在JSX中不起作用。对JSX的需求是,可以实时更改值。如果您知道有什么问题,请更新钢笔谢
让transStyle={
弹性:1,
背景颜色:“#CC99”,
宽度:200,
身高:200,
转换:[
{透视图:500},
{translateX:-45},
{rotateY:'60deg'},
],
}
常量应用=(
mydiv
);
ReactDOM.render(
应用程序,
document.getElementById(“应用程序”)
);
在CSS表单中完美工作的转换效果在JSX中不起作用。对JSX的需求是,可以实时更改值。如果您知道有什么问题,请更新钢笔谢谢。我认为
风格
道具只支持一级按键。从数组转换为一个字符串似乎有效:
let transStyle = {
flex: 1,
backgroundColor: '#cccc99',
width:200,
height:200,
transform: `perspective(850px) translateX(-30px) rotateY(60deg)`,
}
我认为
style
prop只支持一个级别的键。从数组转换为一个字符串似乎有效:
let transStyle = {
flex: 1,
backgroundColor: '#cccc99',
width:200,
height:200,
transform: `perspective(850px) translateX(-30px) rotateY(60deg)`,
}