您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

内联样式不起作用ReactJS

内联样式不起作用ReactJS

在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})`}}>
其他 2022/1/1 18:13:52 有485人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶