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

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

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

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

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

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

相关推荐
AI智能研究院9 小时前
(四)从零学 React Props:数据传递 + 实战案例 + 避坑指南
前端·javascript·react.js
qq7798233409 小时前
React组件完全指南
前端·javascript·react.js
qq7798233409 小时前
React Hooks完全指南
前端·javascript·react.js
DoraBigHead9 小时前
React Fiber:从“递归地狱”到“时间切片”的重生之路
前端·javascript·react.js
HHHHHY11 小时前
使用阿里lowcode,封装SearchDropdown 搜索下拉组件
前端·react.js
KenXu14 小时前
TanStack Router 深度分析:与 React Router 的对比
react.js
浮游本尊14 小时前
React 18.x 学习计划 - 第五天:React状态管理
前端·学习·react.js
crary,记忆19 小时前
MFE: React + Angular 混合demo
前端·javascript·学习·react.js·angular·angular.js
一个处女座的程序猿O(∩_∩)O20 小时前
React 多组件状态管理:从组件状态到全局状态管理全面指南
前端·react.js·前端框架
鹏多多21 小时前
用useTransition解决React性能卡顿问题+实战例子
前端·javascript·react.js