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

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

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

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

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

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

相关推荐
格鸰爱童话4 小时前
next.js学习——react入门
学习·react.js·node.js
宋辰月7 小时前
学习react第三天
前端·学习·react.js
lapiii3589 小时前
[前端-React] Hook
前端·javascript·react.js
努力学前端Hang10 小时前
移动端跨平台开发深度解析:UniApp、Taro、Flutter 与 React Native 对比
前端·javascript·react native·react.js
一念一花一世界10 小时前
Arbess从初级到进阶(4) - 使用Arbess+GitLab实现React.js 项目自动化部署
react.js·ci/cd·gitlab·arbess
xun_xing11 小时前
基于Nextjs15的学习手记
前端·javascript·react.js
加个鸡腿儿11 小时前
React项目实战 | 修复Table可展开行,点击一个全部展开
前端·react.js·编程语言
小小前端_我自坚强13 小时前
React 18 新特性深度解析
前端·javascript·react.js
敲敲了个代码14 小时前
11月3-5年Web前端开发面试需要达到的强度
前端·vue.js·学习·react.js·面试·职场和发展·web
Dontla16 小时前
React zustand todos案例(带本地存储localStorage、persist)todoStore.ts
前端·react.js·前端框架