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

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

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

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

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

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

相关推荐
San30.28 分钟前
从面向对象 CSS 到原子化架构:Tailwind CSS 与 React 性能优化实践
css·react.js·架构
IT古董40 分钟前
企业级官网全栈(React·Next.js·Tailwind·Axios·Headless UI·RHF·i18n)实战教程-第五篇:登录态与权限控制
javascript·react.js·ui
未知原色14 小时前
web worker使用总结(包含多个worker)
前端·javascript·react.js·架构·node.js
开发者小天15 小时前
React中useMemo的使用
前端·javascript·react.js
im_AMBER15 小时前
weather-app开发手记 04 AntDesign组件库使用解析 | 项目设计困惑
开发语言·前端·javascript·笔记·学习·react.js
Bigger16 小时前
在 React 里优雅地 “隐藏 iframe 滚动条”
前端·css·react.js
Bigger16 小时前
shadcn-ui 的 Radix Dialog 这两个警告到底在说什么?为什么会报?怎么修?
前端·react.js·weui
T___T17 小时前
React Props:从基础使用到高级组件封装
前端·react.js
学习非暴力沟通的程序员18 小时前
Immer 实战案例解析:让不可变数据操作更简单
react.js
AI陪跑1 天前
深入剖析:GrapesJS 中 addStyle() 导致拖放失效的问题
前端·javascript·react.js