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

相关推荐
南风知我意9573 分钟前
JavaScript 惰性函数深度解析:从原理到实践的极致性能优化
开发语言·javascript·性能优化
Можно4 分钟前
pages.json 和 manifest.json 有什么作用?uni-app 核心配置文件详解
前端·小程序·uni-app
hzhsec7 分钟前
钓鱼邮件分析与排查
服务器·前端·安全·web安全·钓鱼邮件
早點睡39017 分钟前
ReactNative项目OpenHarmony三方库集成实战:react-native-render-html
react native·react.js·html
爱看老照片23 分钟前
uniapp传递数值(数字)时需要使用v-bind的形式(加上冒号)
javascript·vue.js·uni-app
#做一个清醒的人25 分钟前
Electron 保活方案:用子进程彻底解决原生插件崩溃问题
前端·electron·node.js
四千岁26 分钟前
Obsidian + jsDelivr + PicGo = 免费无限图床:一键上传,全平台粘贴即发
前端·程序员·github
慧一居士27 分钟前
CSS中 ::deep 作用,使用场景,使用方法介绍
前端·css·vue.js
周聪灬29 分钟前
iOS runtime(2)-class结构和消息转发机制
前端