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

本文介绍了在React中使用内联CSS样式时的三个关键注意事项:1)style属性后必须用双大括号包裹样式对象;2)CSS属性需采用驼峰命名法;3)属性键值对需使用引号包围。不遵循可能导致React报错。

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

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值