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

相关推荐
Coodor8 分钟前
在前端如何转换IC卡卡号格式
前端·javascript·nfc·卡号格式
invicinble15 分钟前
数字系统--c端数字环境入口和操作系统
前端
hunterandroid18 分钟前
[鸿蒙从零到一] relationalStore 高级实战:事务、版本迁移与数据库加密
前端
百慕大三角22 分钟前
给 SPA 加页面切换动画:View Transitions API 从入门到实战
前端·javascript
不可能片场23 分钟前
自动化也会丢:一次 WorkBuddy 自动化清空的复盘
前端·electron
求道於盲27 分钟前
异步编程中的 Future
前端
Z兽兽44 分钟前
HBuilder打包web地址的apk,更新dist后如何自动清缓存
前端·android应用打包
Hilaku1 小时前
Bun 真的能取代 Node.js 吗?
前端·javascript·程序员
奔跑的卡卡1 小时前
线上Web异常发现为什么总是滞后?一套自研Web实时异常分析监控系统整体架构拆解
前端·web安全·架构
梦曦i1 小时前
create-uni-app v1.1.0:结构化生成,工程骨架更规范
前端·uni-app