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

相关推荐
lichenyang45312 分钟前
Socket.IO 原理与技术选型
前端
qq210846295314 分钟前
在python中什么是 self 和 cls?
开发语言·前端·python
我会冲击波14 分钟前
vibe coding 一个多月,我把 Claude Code + Pi 做成了桌面 IDE,还给它移植了 VS Code 的编辑体验
前端·javascript·后端
kyson_21 分钟前
前端性能优化全链路实践指南:从网络、缓存到渲染与监测
前端
前端fighter23 分钟前
线上崩溃?使用 TRAE Work 5分钟把混淆日志翻译成人话并输出复盘报告
前端·vue.js·程序员
网安蟹佬霸30 分钟前
CTF Web方向解题全攻略:从信息收集到getshell(附实战payload与脚本)
android·前端·网络·安全·web安全·网络安全·网安
JimmtButler34 分钟前
从 Java 到 JS:我终于把闭包想明白了
javascript·后端
前端玩坑坑35 分钟前
CSS Container Queries 容器查询入门教程
前端
带多刺的玫瑰39 分钟前
Leecode#4刷题之寻找两个正序数组的中位数
java·前端·算法
qq_2676128941 分钟前
项目集、里程碑与迭代联动:Gitee项目管理如何支撑多团队规模化交付与进度风险治理
前端·gitee