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

相关推荐
2601_94981616几秒前
Node.js npm 安装过程中 EBUSY 错误的分析与解决方案
前端·npm·node.js
2601_949194262 分钟前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
pancakenut14 分钟前
自定义属性:从html到react
前端
hmh1234514 分钟前
录音与音频可视化
前端·javascript
ZC跨境爬虫30 分钟前
3D 地球卫星轨道可视化平台开发 Day13(卫星可视化交互优化+丝滑悬停聚焦)
前端·算法·3d·json·交互
qq_4198540537 分钟前
animation 和 transition
前端
weixin1997010801637 分钟前
《孔夫子旧书网商品详情页前端性能优化实战》
前端·性能优化
spring2997921 小时前
SpringBoot返回文件让前端下载的几种方式
前端·spring boot·后端
木斯佳1 小时前
前端八股文面经大全:正泰电气前端实习一面(2026-04-19)·面经深度解析
前端·面试·笔试·校招·面经
江-月*夜1 小时前
vue3 wordcloud2.js词云使用
开发语言·javascript·vue.js