33.如何在 React 中使用内联样式(inline styles)?

在 React 里可以通过元素的 style 属性设置内联样式。与原生 HTML 不同的是:React 的 style不接收字符串 ,而是接收一个 JavaScript 对象 ------属性名使用 camelCase(小驼峰),属性值可以是字符串或数字。

基本用法:style 对象

go 复制代码
import React from "react";

const containerStyle: React.CSSProperties = {
  backgroundColor: "blue",
  color: "white",
  padding: "10px",
  borderRadius: "5px",
  textAlign: "center",
相关推荐
鱼毓屿御4 小时前
从「只会聊」到「边想边做」的跃迁
前端·学习·react.js
sugar__salt5 小时前
Vue3 表单双向绑定与响应式核心 API 技术详解
前端·javascript·vue.js
郝亚军5 小时前
使用Vue 3和Nginx打包和部署Vue.js项目的一般步骤
前端·vue.js·nginx
SmartBoyW5 小时前
CSS弹性布局(Flexbox)学习笔记:从零开始搞懂弹性布局
前端·javascript
用户69371750013845 小时前
从代码生产者到 AI 协作者:软件工程师的角色重构
android·前端·后端
嘟嘟07175 小时前
搞懂 useState 从原生 DOM 到 React 惰性初始化的完整链路
前端·react.js·编程语言
牧艺5 小时前
cos-design RippleWater & SmokeFog:水面涟漪与烟雾雾气怎么做
前端·canvas·视觉设计
用户938515635076 小时前
写了这么久 useState,你真的知道它在干什么吗?
前端·javascript
慢功夫6 小时前
💡第七篇:VSCode语言服务中,代码跳转和诊断是怎么做的?
前端·visual studio code
Csvn6 小时前
✨ TypeScript `satisfies` 操作符实战——5 个让代码更「聪明」的生产场景
前端