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

相关推荐
lastknight6 分钟前
CSS @layer
前端·css
李宸净8 分钟前
Web自动化测试selenium+python
前端·python·selenium
小月土星20 分钟前
(实战篇)RAG-demo 深度解析:162行代码中的检索增强生成全景 (含Top-k法)
javascript·数据库·llm
淡海水41 分钟前
06-04-YooAsset源码-Unity加密解密服务
前端·unity·性能优化·c#·游戏引擎·yooasset
lvchaoq1 小时前
this指向面试代码输出题目合集
javascript·面试·职场和发展
trigger3331 小时前
desk-health-web-community-post
前端
倒流时光三十年1 小时前
Logback 系列(7):常用 Appender(控制台 / 文件 / 滚动文件)
java·前端·logback
Csvn2 小时前
页面「穿越」之谜:React 中因 key 值不正确导致的渲染 Bug 排查实战
前端
浅水壁虎2 小时前
前端技术_TypeScript(第一章)
前端
你怎么知道我是队长2 小时前
JavaScript 函数 this 全解
开发语言·javascript·ecmascript