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

相关推荐
En^_^Joy4 分钟前
JavaScript入门指南:从零到精通
开发语言·javascript
前端小趴菜057 分钟前
vue3-signature实现电子签名
前端·javascript·vue.js
玉米Yvmi9 分钟前
React自定义Hook实战指南:从入门到精通,让你的代码像乐高一样灵活
前端·react.js·面试
CharlieWang17 分钟前
AI + Cloudflare = 你需要的全部
前端·敏捷开发·全栈
董员外20 分钟前
从零实现 AI 编程助手:LangChain.js + ReAct 循环实战
前端·javascript·后端
bluceli21 分钟前
JavaScript BigInt:处理大数值的终极解决方案
前端·javascript
不懂代码的切图仔24 分钟前
小程序web-view嵌入h5扫码 html5-qrcode库使用方法
前端·微信
不懂代码的切图仔24 分钟前
小程序web-view嵌入h5扫码 jssdk方式
前端·微信小程序
软弹27 分钟前
Vue2、Vue3、React 状态管理全方位对比
前端·javascript·vue.js·react.js
王启年28 分钟前
npm link 详解:本地包开发与测试的利器
前端