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

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

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

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

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

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

相关推荐
弓.长.26 分钟前
React Native 鸿蒙跨平台开发:i18n 国际化方案代码指南
react native·react.js·harmonyos
Amumu1213837 分钟前
React扩展(二)
前端·javascript·react.js
摘星编程1 小时前
React Native for OpenHarmony 实战:HorizontalScroll 横向滚动详解
android·react native·react.js
north_eagle1 小时前
ReAct 框架详解
前端·react.js·前端框架
纟 冬1 小时前
React Native for OpenHarmony 实战:待办事项实现
javascript·react native·react.js
OEC小胖胖1 小时前
13|React Server Components(RSC)在仓库中的落点与边界
前端·react.js·前端框架·react·开源库
OEC小胖胖1 小时前
14|Hook 的实现视角:从 API 到 Fiber Update Queue 的连接点
前端·react.js·前端框架·react·开源库
i7i8i9com1 小时前
React 19学习基础-2 新特性
javascript·学习·react.js
Marshmallowc1 小时前
React useState 数组 push/splice 后页面不刷新?深度解析状态被『蹭』出来的影子更新陷阱
前端·react.js·前端框架
selectDele17 小时前
Solid.js和React的比较
前端·javascript·react.js·solid.js