为什么人们把{""}放在他们的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在屏幕上按原样结果.