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",
相关推荐
mCell33 分钟前
AI 时代 SVG 画图的潜力
前端·agent·svg
我命由我123456 小时前
CesiumJS 笔记 - 获取容器中心点、Cartesian3 clone 方法、修改 Cartesian3 对象的高度
前端·javascript·css·前端框架·html·html5·js
Hopebearer_7 小时前
页面突然只剩 DOM?一次静态资源版本错配排查
前端·部署
抱抱宝7 小时前
Agent-study项目教程(03):手写 Mini-ReAct Agent(不依赖框架)
javascript·人工智能·gpt·react.js·prompt·agent
东风破_8 小时前
ESLint 是什么?为什么你的项目需要它?
前端·后端·代码规范
用户938515635078 小时前
Next.js 笔记系统(二):Redis 数据服务与侧边栏组件拆分实战
javascript·全栈
圣殿骑士-Khtangc9 小时前
Go字符串高效拼接性能对比与底层原理分析
服务器·前端·golang
BigTopOne10 小时前
【ijkplayer】 硬解码流程
前端
kyriewen10 小时前
DeepSeek Harness开源第一天我就上手了——和Claude Code的差距比想象中大
前端·ai编程·deepseek
捡田螺的小男孩11 小时前
什么是 Skill?手把手带你写一个简单有用的 Skill!
前端·后端·程序员