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

相关推荐
kyriewen12 小时前
2026 年了,这 6 个 npm 包可以卸载了——浏览器原生 API 已经能替代
前端·javascript·npm
猩猩程序员13 小时前
零基础学习 React 19
react.js
铁皮饭盒14 小时前
bun直接tsx,优雅!
javascript·后端
Csvn15 小时前
Monorepo 迁移血泪史:从 Multi-Repo 到 Turborepo,这 3 个坑我帮你踩完了
前端
星栈15 小时前
Dioxus 多页面怎么做:`dioxus-router`、嵌套路由、`Outlet` 和页面组织,一篇给你讲顺
前端·rust·前端框架
用户9874092388715 小时前
用 Remotion + edge-tts 打造中文教学视频全自动流水线
前端
风骏时光牛马15 小时前
Less前端工程化实战:变量混合器与项目样式分层落地
前端
假如让我当三天老蒯15 小时前
Options API(选项式 API) 和 Composition API(组合式 API)
前端·vue.js·面试
SameX15 小时前
iOS 独立开发实践:用 MapKit + 像素渲染实现 Citywalk 轨迹地图 App「雁过留痕」
前端
_柳青杨15 小时前
一文吃透 Node.js 事件循环:从原理到 Node 20+ 重大变更
javascript·后端