【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/

相关推荐
LRL_5 小时前
跨平台 Node 模块安装指南:如何利用 pnpm/npm 配置`supportedArchitectures` 锁定平台依赖
前端·npm·node.js
EatFan5 小时前
React 项目踩坑实录:useEffect 闭包陷阱、Context 性能陷阱与 React 18 升级避坑排查手册
前端·javascript·react.js·react·react hooks·useeffect·闭包陷阱
风骏时光牛马6 小时前
企业业务运营信息数据库
前端
IT_陈寒6 小时前
Vue的数组更新把我坑惨了
前端·人工智能·后端
于航7 小时前
分层上下文压缩,幻觉检测,错误累积概要
前端
数据掘金7 小时前
鸿蒙统计的权限弹窗怎么适配?
前端
数据掘金7 小时前
鸿蒙统计的多设备协同数据怎么打通?
前端
尘中远7 小时前
Qwt7的曲线渲染平滑实现:高斯卷积、Savitzky-Golay 回归与特征保护
前端
Fly8 小时前
我来提需求,你带着 Codex 做项目:AI 全栈课程开始实战了
前端
集智飞行8 小时前
解决mavros2 ros2版本cpu占用高的问题
java·服务器·前端