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

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

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

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

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

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

相关推荐
萌萌哒草头将军6 小时前
🚀🚀🚀 不要只知道 Vite 了,可以看看 Farm ,Rust 编写的快速且一致的打包工具
前端·vue.js·react.js
wordbaby9 小时前
React Router 双重加载器机制:服务端 loader 与客户端 clientLoader 完整解析
前端·react.js
itslife9 小时前
Fiber 架构
前端·react.js
wordbaby11 小时前
构建时规划,运行时执行:解构 React Router 的 prerender 与 loader
前端·react.js
超级白的小白12 小时前
React#310错误问题总结
前端·react.js
wordbaby12 小时前
🔍 React Router v7 的类型生成机制
前端·react.js
代码搬运媛13 小时前
startTransition:React 18 的并发渲染控制详解
react.js
土豆125013 小时前
React-Markdown 完全上手指南
react.js·markdown
Jack魏15 小时前
React学习001-创建 React 应用
前端·学习·react.js
摸鱼仙人~15 小时前
React forwardRef 与 useImperativeHandle 深度解析
前端·javascript·react.js