为什么人们在他们的 React / JSX 中加入 { " " }？答案

【问题标题】：Why do people put { " " } in their React / JSX?为什么人们在他们的 React / JSX 中加入 { " " }？
【发布时间】：2016-11-27 14:29:14
【问题描述】：

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

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

【问题讨论】：

标签： reactjs jsx

【解决方案1】：

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

例子：

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

将在屏幕上显示Textsome Text。 （请参阅缺少的空格）

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

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

【讨论】：

我不确定这是否是您想到的示例。如果不是，能否提供代码示例！
写Text <a>some Text</a>有什么问题？它将保留空白。
@CosminAbabei 是的，这样可以保持空白不变，但有时您的文本行可能会变得很长，您需要将其拆分。所以最“明显”的拆分是在a 标签上，但这会删除空间，因此需要强制手动空间

【解决方案2】：

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

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

【讨论】：