【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 小时前
2026前端必备:TensorFlow.js,浏览器里的AI引擎,不写Python也能玩转智能
前端
Jans7 小时前
Shipfe — Rust 写的前端静态部署工具:一条命令上线 + 零停机 + 可回滚 + 自动清理
前端
徐小夕7 小时前
JitWord 2.3: 墨定,行远
前端·vue.js·github
南果梨7 小时前
OpenClaw 完整教程!从安装到使用(官方脚本版)
前端·git·开源
大雨还洅下7 小时前
前端手写: new操作符
前端
hqk7 小时前
鸿蒙项目实战:手把手带你实现 WanAndroid 布局与交互
android·前端·harmonyos
Lee川8 小时前
解锁 JavaScript 的灵魂:深入浅出原型与原型链
javascript·面试
ZengLiangYi8 小时前
React 事件订阅的稳定引用问题:从 useEffect 到 useEffectEvent
react.js
是糖糖啊8 小时前
OpenClaw 从零到一实战指南(飞书接入)
前端·人工智能·后端
Despupilles8 小时前
第三篇、基本骨架结构
前端