Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React JSX转换没有效果_Javascript_Css_Reactjs_Animation_Transform - Fatal编程技术网

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)`,
    }