反应中 {" "} 的目的是什么？ [复制]答案

【问题标题】：What is the purpose of {" "} in react? [duplicate]反应中 {" "} 的目的是什么？ [复制]
【发布时间】：2020-09-15 02:05:30
【问题描述】：

我无法在网上搜索 {" "} 的用途？这是做什么的？

<p> Hello I a'm a {" "} programmer </p>

【问题讨论】：

标签： reactjs

【解决方案1】：

如果你想插入变量的值，这很有用示例：

const name = "Messi"
<p>Hello, my name is {name}</p>

在您的情况下，将插入一个空格

【讨论】：

【解决方案2】：

花括号 { } 是 JSX 中的特殊语法。它用于在编译期间评估 JavaScript 表达式。 JavaScript 表达式可以是变量、函数、对象或任何解析为值的代码。

const isProgrammer  = true;
<p> Hello I am a {isProgrammer ? "programmer" : "non-propgrammer"} </p>

在您的情况下，它将执行并返回一个空格。有 3 个空格，但它只会显示 1 个，因为空格在 HTML 中是压缩的。

<p> Hello I am a {" "} programmer </p>同<p> Hello I am a{" "}programmer </p>

【讨论】：