作者:caozhengweile_854 | 来源:互联网 | 2023-02-06 08:29
我有一个react
组件,我正在尝试div
使用margin-left
属性对齐以下内容。我收到一个console
错误:
意外的标记
指向margin left
属性中的连字符。谁能帮助解决这个问题?
Mayank Shukl..
7
像这样写:
style = {{ width : 150, height : 150, marginLeft : 370 }}
而不是使用margin-left
use marginLeft
。
原因:
在React中,内联样式未指定为字符串。相反,它们使用一个对象指定,该对象的键是样式名称的驼峰式版本,其值是样式的值,通常是字符串。
margin-left --> marginLeft
padding-top --> paddingTop
background-color --> backgroundColor
检查DOC。
1> Mayank Shukl..:
像这样写:
style = {{ width : 150, height : 150, marginLeft : 370 }}
而不是使用margin-left
use marginLeft
。
原因:
在React中,内联样式未指定为字符串。相反,它们使用一个对象指定,该对象的键是样式名称的驼峰式版本,其值是样式的值,通常是字符串。
margin-left --> marginLeft
padding-top --> paddingTop
background-color --> backgroundColor
检查DOC。