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

相关推荐
morethanilove6 分钟前
新建vue3 + ts +vite 项目
前端·javascript·vue.js
GISer_Jing7 分钟前
微软AI战略全景:从基础设施到智能体生态
前端·人工智能·microsoft
发际线向北9 分钟前
0x03 单元测试与Junit
前端·单元测试
忆往wu前10 分钟前
搞懂 SPA 再学路由!Vue Router 从0到完善 + 嵌套路由一次性梳理
前端·vue.js
小智社群10 分钟前
获取贝壳中介列表,并且自动导入excel
开发语言·javascript·ecmascript
Aliex_git10 分钟前
前端监控笔记(三)
前端·笔记·学习
布局呆星11 分钟前
Vue3 笔记:过渡动画与自定义指令
javascript·css·vue.js·python·es6·html5
M ? A12 分钟前
Vue Suspense 组件在 React 中,VuReact 会如何实现?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
im_AMBER13 分钟前
Leetcode 159 无重复字符的最长子串 | 长度最小的子数组
javascript·数据结构·学习·算法·leetcode
天才熊猫君16 分钟前
通用 Loading 状态管理器
前端·javascript·vue.js