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

相关推荐
ChalesXavier11 分钟前
Fetch API 的基本用法
javascript
是上好佳佳佳呀20 分钟前
【前端(十三)】JavaScript 数组与字符串笔记
前端·javascript·笔记
巴沟旮旯儿21 分钟前
vite项目配置文件和打包
前端·设计模式
彩票管理中心秘书长30 分钟前
Pinia 插件架构与组合式函数:如何让你的 Store 长出“超能力”
前端
彩票管理中心秘书长31 分钟前
Pinia 比 Vuex 强在哪?我用同一个模块写了两种实现,你自己看
前端
yingyima32 分钟前
用 Cron 加 Webhook 打通自动化工作的任督二脉
前端
JackieDYH34 分钟前
CSS Flexbox 与 Grid 的默认行为-布局的底层机制
前端·css·html
彩票管理中心秘书长35 分钟前
E2E测试入门:别让用户帮你点鼠标了,找个机器人替你打工吧
前端
菜蒙爱学习36 分钟前
【Markdown】可用的所有 HTML 标准颜色
前端·html
里欧跑得慢41 分钟前
CSS 嵌套:编写更优雅的样式代码
前端·css·flutter·web