reactjs - 反应中 {" "} 的目的是什么？

Question

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

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

Answer 1

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

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

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

Answer 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>