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

相关推荐
sunywz10 分钟前
【c#】 Web Deploy一键发布,IIS部署全流程
开发语言·前端·c#
宁&沉沦16 分钟前
Chrome 扩展 Manifest 字段版本支持一览(全量)
前端·后端·编辑器
乖孩子29 分钟前
Service Worker + IndexedDB 实践
前端
浮生望37 分钟前
BFF架构实战:用Express+SSE为Vue3搭建安全的流式对话中间层
前端
Quz41 分钟前
QML 与 JavaScript 交互方式:内联函数、外部文件、信号槽与工作线程
javascript·qt
拾年2751 小时前
React 组件通信完全指南 —— 从 Todo App 搞懂父子组件那点事
react.js
先吃饱再说1 小时前
React 组件通信:从 Props 单向传递到自定义事件
前端·react.js·前端框架
swipe1 小时前
05|(前端转后全栈)不手写一堆 SQL,后端怎么操作数据库?MyBatis-Plus 入门
前端·后端·全栈
Allshadow1 小时前
Nest.js - 连接数据库
javascript·nestjs
冰暮流星1 小时前
javascript之date对象
开发语言·javascript·ecmascript