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

相关推荐
Web打印11 分钟前
HttpPrinter Web打印中间件 wiki.httpprinter.com 知识库内容总结
前端·中间件
2501_9181269112 分钟前
一个上帝类程序作画
前端·css·css3
Web打印13 分钟前
Httpprinter 2 、3 升级到 Httpprinter4、5的 注意事项
javascript
如意IT15 分钟前
浏览器CDP自动化检测技术-Error和Worker
前端·javascript·自动化·chromium·指纹浏览器
IT_陈寒17 分钟前
Python列表的+=操作符坑了我一整天
前端·人工智能·后端
右耳朵猫AI17 分钟前
React周刊2026W22 | React 13周年、React Router 7.16.0、Spoiled 0.5
前端·react.js·前端框架
恋猫de小郭17 分钟前
flutter_agent_lens 用 MCP 服务,将 Flutter DevTools 暴露给 AI
android·前端·flutter
广州灵眸科技有限公司18 分钟前
3Tops NPU + 4核高性能架构:灵眸科技EASY-EAI-PI2开发板,为边缘AI开启“easy模式”
服务器·前端·人工智能·python·科技·深度学习·架构
李白的天不白20 分钟前
服务器地址在哪里 pwd
运维·前端·nginx
右耳朵猫AI24 分钟前
JS/TS周刊2026W22 | Deno 2.8、Node.js v26.2.0、Firefox 151、Storybook 10.4、npm 12.0
javascript·node.js·firefox