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

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

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

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

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

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

相关推荐
知识分享小能手39 分钟前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
魔云连洲41 分钟前
深入解析:Vue与React的异步批处理更新机制
前端·vue.js·react.js
资深前端之路4 小时前
react 面试题 react 有什么特点?
前端·react.js·面试·前端框架
秋秋小事4 小时前
React Hooks useContext
前端·javascript·react.js
还有多远.6 小时前
jsBridge接入流程
前端·javascript·vue.js·react.js
hj5914_前端新手8 小时前
React 基础 - useState、useContext/createContext
前端·react.js
阳光阴郁大boy8 小时前
大学信息查询平台:一个现代化的React教育项目
前端·react.js·前端框架
拜无忧11 小时前
2025最新React项目架构指南:从零到一,为前端小白打造
前端·react.js·typescript
冰冷的bin11 小时前
【React Native】点赞特效动画组件FlowLikeView
react native·react.js·typescript
光影少年12 小时前
react16到react19更新及底层实现是什么以及区别
前端·react.js·前端框架