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

相关推荐
blanks20207 小时前
为 Zed 编辑器 添加 flutter dart snippets
前端·flutter
Ruihong7 小时前
你的 Vue 3 defineAsyncComponent(),VuReact 会编译成什么样的 React?
vue.js·react.js·面试
Ruihong7 小时前
你的 Vue 路由,VuReact 会编译成什么样的 React 路由?
vue.js·react.js·面试
Hello--_--World7 小时前
Js面试题目录表
开发语言·javascript·ecmascript
慧一居士7 小时前
Vue中的 h 作用和使用方法介绍
前端·vue.js
晴天丨7 小时前
Element Plus 组件库实战技巧与踩坑记录
前端·vue.js
胡志辉7 小时前
m3u8 视频怎么下载?为什么 B 站只给你一个 blob:把 HLS、DASH、MSE 这条前端链路讲透
前端
落魄江湖行8 小时前
进阶篇五 Nuxt4 部署方案:从开发到生产
前端·vue.js·typescript·nuxt4
懂懂tty8 小时前
Rspack简介
前端
开心码农1号8 小时前
Go关于切边变量本身地址和内部指向地址
前端·算法