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

相关推荐
黄油面包几秒前
Codex 额度三天见底后,我重新做了一周预算
前端·人工智能
PedroQue993 分钟前
v2.7.1:修复 H5 端返回死循环闪烁问题
前端·uni-app
coderCN4 分钟前
Nodejs express+knex(ORM框架)
前端·node.js
求道於盲8 分钟前
python中的抽象类
前端
Csvn19 分钟前
CSS 层叠与现代布局:BFC、@layer 与 grid/flex 的取舍
前端
CodeSheep28 分钟前
OpenJDK 全面禁止 AI 生成代码!
前端·后端·程序员
IT_陈寒1 小时前
为什么我的Vue组件总是莫名其妙重渲染?
前端·人工智能·后端
乘风gg1 小时前
企业级 AI Coding 的 Harness 工程实战:8 个 Skill 串起全链路
前端·ai编程·claude
染指11103 小时前
103.RAG-LLamaIndex后端rag问答-聊天接口
前端·javascript·vue.js·人工智能
东风破_10 小时前
danci 项目(三):从 JSON 数据到 AI Coding,真实项目里的数据清洗、Prompt 和工程规范
前端·后端·node.js