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

相关推荐
flytam2 分钟前
Claude Agent SDK 深度入门指南
前端·aigc·agent
weixin1997010801617 分钟前
《电天下商品详情页前端性能优化实战》
前端·性能优化
速易达网络18 分钟前
vue+echarts开发的图书数字大屏系统
前端
小智社群27 分钟前
贝壳获取小区的名称
开发语言·前端·javascript
Ferries43 分钟前
《从前端到 Agent》系列|03:应用层-RAG(检索增强生成,Retrieval-Augmented Generation)
前端·人工智能·机器学习
Jessica_Lee1 小时前
Openclaw智能体终止机制
javascript
米丘1 小时前
Connect 深度解析:Node.js 中间件框架的基石
javascript·http·node.js
饺子不吃醋1 小时前
执行上下文:变量提升、作用域与 this 底层机制
javascript
菲利普马洛1 小时前
记一次主题闪烁问题
前端·css·react.js
谁在黄金彼岸1 小时前
nvm for windows之死:别再被这个“过时工具”耽误开发
前端