我在一些React文档和屏幕录像中都有这个。人们将{ " " }在他们的JSX模板中编写内容。
{ " " }
他们为什么这样做呢?看起来他们正在将其用作换行符的替代方法,但我在任何地方都看不到它的明确解释。
这用于在文本块中放置显式空格,因为在存在另一个标签时,在编译/转换时会忽略前导和尾随空格。
例:
<div> Text <a>some Text</a> </div>
将Textsome Text在屏幕上显示。 (请参阅缺少的空间)
Textsome Text
<div> Text{' '} <a>some Text</a> </div>
将根据需要Text some Text在屏幕上显示结果。
Text some Text