为什么人们把 { " " } 放在他们的 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>
  );
}