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

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

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

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

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

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

相关推荐
光影少年5 小时前
从输入URL到页面渲染,React/RN 整体加载流程
前端·javascript·react native·react.js·前端框架
晓得迷路了6 小时前
栗子前端技术周刊第 145 期 - Remix 3 RC、htmx 4.0、Rslib 1.0...
前端·javascript·react.js
名字还没想好☜15 小时前
React 实现暗黑模式切换:localStorage 持久化、SSR 首屏闪烁与跟随系统主题
前端·javascript·react.js·ecmascript·react·next.js
独立开发者屿风1 天前
在 React 里把 import 排得明明白白:一份让人极度舒适的配置指南
react.js·代码规范
smileNicky1 天前
React 弹窗组件如何在新标签页打开?
javascript·react.js·ecmascript
光影少年1 天前
react navite 简单原生方法双向调用示例
javascript·react native·react.js
zzzzzz3101 天前
react-bits:把“酷炫组件”放回 React 组件化的语境里看
javascript·react.js·动效
zzz_23682 天前
个人 AI 记忆如何跨工具复用:用 Markdown、索引和 Skill 搭一个可治理的记忆库
前端·人工智能·react.js·前端框架·agent·agent测评
l1m0_2 天前
智能电动自行车管理后台实战:AI生成页面与React组件化技巧
前端·react.js·ui·ai·设计