为什么人们把{“”}放在他们的React / JSX中？

Question

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

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

Answer 1

这用于在文本块中放置显式空格，因为在存在另一个标记时，在编译/转换时忽略前导和尾随空格。

示例：

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

将在屏幕上显示Textsome Text。 （见缺失的空间）

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

屏幕上会Text some Text生成所需内容。

Answer 2

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

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