为什么人们将 { " " } 放在他们的 React / JSX 中？

Question

我在一些 React 文档和截屏视频中都有这个。人们会在他们的 JSX 模板中编写 { " " }。

他们为什么要这样做？看起来他们正在使用它作为换行符的替代方法，但我没有在任何地方看到明确解释。

Answer 1

这用于在文本块中放置明确的 space，因为当存在另一个标签时，前导和尾随 space 会在 compile/transformation 时被忽略。

示例：

<div>
 Text
 <a>some Text</a>
</div>

将在屏幕上显示 Textsome Text。 (见遗漏的space)

<div>
 Text{' '}
 <a>some Text</a>
</div>

将在屏幕上显示 Text some Text 的结果。

Answer 2

用于添加一些前导或尾随空格

render() {
  return ( 
    <div>
      My name is{' '}
      <span> Piyush </span>
    </div>
  );
}

Why do people put { " " } in their React / JSX?