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

相关推荐
kyson_几秒前
如何做一款自适应的数据大屏:`vw/vh`、`rem`、`scale` 应该怎么选?
前端
雪隐5 分钟前
WPF + MVVM 实战系列02-告别 INPC 手写时代,做个体面的现代 WPF 人
前端·后端·c#
肉肉不吃 肉10 分钟前
无渲染组件和组合式函数
前端·javascript·vue.js
其美杰布-富贵-李12 分钟前
01 从项目结构开始认识 Vue 3
javascript·vue.js·ecmascript
未来智慧谷14 分钟前
从 Atlas 关停复盘:AI 应用的三种载体形态怎么选(独立应用 / 浏览器扩展 / 桌面宿主)
前端·人工智能·ai·架构·浏览器
sugar__salt19 分钟前
前端路由技术详解:从传统多页到 React SPA 的完整进化之路
前端·javascript·react.js·前端框架
Canace34 分钟前
Harness Engineering 到底在做什么
前端·人工智能·ai编程
用户842981424181037 分钟前
JS代码压缩实测:可减小体积、提高执行效率!
前端·javascript·后端
snow@li39 分钟前
Vue Axios封装与SpringBoot Payload封装全景关联分析(前后端数据交互底层闭环)
前端·vue.js·spring boot
Csvn43 分钟前
🐛 React StrictMode 下 useEffect 执行两次:不是 Bug,是特性
前端