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

相关推荐
小强198813 小时前
HTML5 新表单全解:日期、手机号、颜色选择器
前端
妙码生花13 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(二):目录结构、初始化 GIT、设计并开发配置系统
前端·后端·go
鱼人13 小时前
HTML5 本地存储终极指南
前端
超绝大帅哥13 小时前
React的Fiber是什么? Vue为什么不需要Fiber ?
前端
yingyima13 小时前
正则表达式分组与捕获:凌晨3点服务器报警的解决方案
前端
swipe14 小时前
从 0 到 1 理解 React 虚拟列表:定高、不定高与 Canvas 版本完整拆解
前端·javascript·面试
铁皮饭盒15 小时前
Bun执行python代码
前端·javascript·后端
hunterandroid15 小时前
Service 与前台服务:让任务在后台持续运行
前端
米饭同学i15 小时前
深扒 LobsterAI 官网前端动效实现方案:从交互细节到代码实践
前端
前端啊15 小时前
告别 el-table 打印难题,vue3-print-el-table 来了!
前端·vue.js