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

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

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

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

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

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

相关推荐
wordbaby30 分钟前
React 误区粉碎:useEffectEvent 是“非响应式”的,所以它不会触发重渲染?
前端·react.js
crary,记忆2 小时前
React 之 useEffect
前端·javascript·学习·react.js
锈儿海老师4 小时前
深入探究 React 史上最大安全漏洞
前端·react.js·next.js
xiechao4 小时前
函数组件 useEffect 清理函数抛错:ErrorBoundary 能捕获吗?
前端·react.js
wordbaby4 小时前
组件与外部世界的桥梁:一文读懂 useEffect 的核心机制
前端·react.js
wordbaby4 小时前
永远不要欺骗 React:详解 useEffect 依赖规则与“闭包陷阱”
前端·react.js
暮之沧蓝7 小时前
React(18-19)总结
前端·react.js·前端框架
一直在学习的小白~7 小时前
React大模型网站-流式推送markdown转换问题以及开启 rehype-raw,rehype-sanitize,remark-gfm等插件的使用
react.js·chatgpt·文心一言
crary,记忆7 小时前
如何理解 React的UI渲染
前端·react.js·ui·前端框架
盛码笔记7 小时前
部署Django+React项目到服务器
服务器·react.js·django