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

相关推荐
xiaoshuaishuai8几秒前
C# AvaloniaUI 资源找不到报错
java·服务器·前端·windows·c#
丷丩10 分钟前
MapLibre GL JS第35课:显示带地形高程(三维地形)的卫星影像
javascript·gis·map·mapbox·maplibre gl js
How_doyou_do10 分钟前
26字节工程营-前端-自我总结
前端
三乐22813 分钟前
node不认识类型?多半是没用上这几段代码
javascript
十有八七13 分钟前
🧩 组件库死亡倒计时?—— AI 编码冲击下的前端基础设施重构
前端·人工智能
风止何安啊21 分钟前
我一个前端仔,居然用 Python 搞起了 AI?从零到一,撸了个 AI 聊天框小 demo
前端·人工智能·后端
GISer_Jing24 分钟前
Claude Code插件系统全解析
前端·人工智能·ai·架构
小茴香35337 分钟前
Vue3路由权限动态管理
前端·前端框架·vue3
RANxy41 分钟前
零基础全栈 React 入门(四):React Router 路由配置
前端·react.js
触底反弹41 分钟前
给 Claude 装上 27 个「外挂」后,我直接起飞了!
人工智能·react.js