react使用内联css样式的注意点

落日映苍穹つ 2023-10-16 10:23 83阅读 0赞

react使用内联css样式: 就是直接在元素标签的style属性中写css样式,但是这里有三个注意点:

1. style等号后面必须接双大括号也就是 style={ { xx: xx }} 这样

2. css的属性必须写成驼峰型,不能有中横线,比如marginRight, 而不能说margin-right

3. style中属性的键值必须带引号: style={ { fontSize: “12px” }} ,这里的12px必须有引号

如果不符合以上三点,react就会直接报错!

5395585beee248d790a9bc64f3733b8d.png

发表评论

表情:
评论列表 (有 0 条评论,83人围观)

还没有评论,来说两句吧...

相关阅读

    相关 修改element.style样式

      我们在写前面web页面样式的时候,会发现有些时候,我们怎么修改style里面的值,页面上的样式都不会修改,当你用工具查看时,会发现里面会有element.style的...