【React】在React中如何渲染空格

前言

代码中冒号是英文冒号,以便显示空格是否渲染

方式一:使用花括号

ts 复制代码
function Message () {
	return (
		<p>姓名:{" "}张三</p>
	)
}

方式二:使用Html实体

ts 复制代码
function Message () {
	return (
		<p>姓名:&nbsp;张三</p>
	)
}

参考

https://techstacker.com/how-to-add-white-space-between-elements-react-jsx/

相关推荐
光影少年7 小时前
Polyline 组件如何绘制渐变区域?
前端·javascript·掘金·金石计划
Pkmer7 小时前
古法编程: React思维模型快速建立
前端·react.js
普通网友7 小时前
JavaScript:ESLint+Prettier 规范代码格式
开发语言·javascript·ecmascript
jiayong237 小时前
第 38 课:任务列表里高亮当前正在查看详情的任务
开发语言·前端·javascript·vue.js·学习
anOnion7 小时前
构建无障碍组件之Spinbutton Pattern
前端·html·交互设计
程序员Better7 小时前
前端成功转型AI全栈,我踩过的坑都替你填上了
前端·后端·ai编程
用户2367829801687 小时前
从 JSON.parse 到树形视图:实现一个在线 JSON 格式化工具
react.js
兔子零10247 小时前
GPT-5.5 与 DeepSeek-V4:大模型竞争的本质,正在从“谁更强”变成“谁让成本更低”
前端·javascript·后端
Daybreak7 小时前
幽灵依赖:本地跑得好好的,线上部署却炸了
前端
无心使然云中漫步8 小时前
Openlayers调用ArcGis地图服务之一 —— 地图切片(/tile)
前端·arcgis·vue·数据可视化