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

相关推荐
gqc583 分钟前
Markdown 写完怎么验证?我现在的 4 步本地检查流程
前端
普通人615 分钟前
uniapp模版JS
开发语言·javascript·小程序·uni-app·1024程序员节
KumaoHub15 分钟前
棋牌游戏开发中聊天文本的长度限制与安全显示
javascript
计算机魔术师30 分钟前
我重算了新云的账,发现亏的不是算力,是时间
前端
G018_star sky♬1 小时前
nodeJS他是如何用JavaScript封装C++的呢
开发语言·javascript·c++
wiseyao12191 小时前
uniapp scroll-view滚动到最后
前端·javascript·uni-app
陈随易1 小时前
从今天起,你只需要一个浏览器之Ego lite
前端·后端·程序员
怕浪猫1 小时前
Step 5 Preview 模型写 3D 象棋,两个小时上线
前端·javascript·面试
Highcharts.js1 小时前
Highcharts甘特图开发带导航功能的项目管理图示例
开发语言·前端·javascript·甘特图·highcharts·项目管理图
Hilaku2 小时前
前端不懂业务有多可怕?
前端·javascript·程序员