:
在React中,内联样式未指定为字符串。而是使用一个对象来指定它们,该对象的键是样式名称的驼峰式版本,其值是样式的值,通常是字符串。
所以代替background-image
使用backgroundImage
。
padding-top ---> paddingTop
padding-left ---> paddingLeft
margin-right ---> marginRight
...
如何指定内联样式?
我们需要将一个对象传递给style属性,该属性将包含键-值对形式的所有值。
像这样:
<div
style={{
backgroundImage: 'url(../images/WinterCalling_2016.jpg)',
marginTop: 20}}
>
我们可以使用模板文字来在url中传递变量,如下所示:
<div style={{backgroundImage: `url(${image1})`}}>