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

相关推荐
Csvn14 小时前
Vue 3 defineModel 翻车实录:多个 v-model 绑定到底怎么写?
前端·vue.js
甲维斯14 小时前
坦克大战测试全翻车了!豆包,DeepSeek,Qwen,GPT,Claude
前端·人工智能·游戏开发
乘风gg15 小时前
还在养虾吗?虾王已诞生:微信龙虾 ClawBot
前端·ai编程·claude
小小小小宇15 小时前
LLM 长期记忆构建
前端
lichenyang45315 小时前
从 Express 老项目到 NestJS + Docker:一次车辆管理系统的渐进式重构
前端
竹林81816 小时前
用 wagmi v2 + viem 监听链上事件,我踩了三天坑终于搞懂了实时日志与历史补全
javascript
Momo__16 小时前
VueUse createReusableTemplate —— 单文件组件内的模板复用神器
前端·vue.js
无名氏同学16 小时前
React 16-19 新特性
react.js
只一17 小时前
😭从回调地狱到 async/await:一文打通 Ajax 与 JS 异步编程
javascript
程序员小富17 小时前
我开源了一个开发者专属的智能 JSON 工具,得到了媳妇高度认可
前端·vue.js·后端