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

相关推荐
hyf3266332 分钟前
泛程序哪有想象中难!小白跟着走一遍就全懂
前端·爬虫·搜索引擎·seo·蜘蛛池
码农学院14 分钟前
React公众号开发:母婴用品会员积分体系技术方案
前端·react.js·前端框架
mONESY17 分钟前
React TodoList 通俗讲解|彻底搞懂父子组件通信与状态管理
react.js
路光.41 分钟前
Vue2升级Vue3处理原 UMD/CommonJS 打包文件,不是标准 ESM
前端·javascript·vue.js·vue3
黄华SJ520it43 分钟前
门店预约系统开发:提升服务行业数字化转型
前端·数据库·系统开发
一只月月鸟呀1 小时前
移动端tap与click的区别 && 点透事件
开发语言·前端·javascript
雪隐1 小时前
AI股票小助手10-我用代码管住自己的手:一个普通人的市场观察笔记
前端·人工智能·后端
KaMeidebaby2 小时前
卡梅德生物技术快报|抗体筛选:抗体筛选中的噬菌体展示四参数调优——从流程设计到数据验证
开发语言·前端·javascript
甲维斯2 小时前
Opus5.0首测,瘫坐沙发!效果,时间,token皆无敌!
前端·人工智能
kisshyshy2 小时前
《端侧大模型(三)“精装修”日记:进度条整容、聊天框首秀》
react.js·typescript·代码规范