{＆＃39; ＆＃39;}在React组件上有一些特殊含义

Question

在阅读了一些教程之后，我发现作者在语句之间写了{' '}。它有一些特殊的含义，还是只是一种惯例？

return (
  <form>
    <input type="text" placeholder="Search..." />
    <p>
      <input type="checkbox" />
      {' '}
      Only show products in stock
    </p>
  </form>
);

Answer 1

要求将复选框与文本分开，需要空格。否则，JSX编译器将删除所有空格和新行，以便美化代码。

你可以在这里找到一个很好的解释。

https://github.com/facebook/jsx/issues/19

Answer 2

这只是一种在HTML中硬编码空间的方法。