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

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

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

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

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

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

相关推荐
whuhewei5 小时前
React搜索框组件
前端·javascript·react.js
红尘散仙18 小时前
一套 Rust 核心,跑通 Tauri + React Native
react native·react.js·rust
贫民窟的勇敢爷们1 天前
React跨平台能力,打破前端开发的平台边界
前端·react.js·前端框架
朝阳391 天前
React【面试】
前端·react.js·面试
漓漾li1 天前
每日面试题(2026-05-15)- 前端
前端·vue.js·react.js
用户600071819101 天前
【翻译】在 React Router 中理清对话框
react.js
光影少年1 天前
react的 useState 原理、批量更新机制
前端·react.js·掘金·金石计划
Swift社区1 天前
Flutter / React / ArkUI:在鸿蒙 PC 上怎么选?
flutter·react.js·harmonyos
学习论之费曼学习法1 天前
ReAct框架深度解析:让Agent会思考再行动
前端·react.js·前端框架
openKaka_1 天前
completeWork:真实 DOM 是在哪里被创建的
前端·javascript·react.js