{' '} - зачем это пишут в React JS после блока?

Question

Объясните зачем это нужно . Иногда встречаю данное выражение.

Answer 1

оно нужно, что бы вставить именно пробел - иногда строки склеиваются не там, где это нужно. На enSO есть пример с объяснением.

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

будет Textsome Text

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

будет Text some Text

Answer 2

Для того, чтобы между написанными на разных строках jsx-элементами вставилась текстовая нода с пробелом.

ReactDOM.render(<div>
  <p>
    Следи за пробелами
  </p>
  <p>
    <span>Следи</span> <span>за</span> <span>пробелами</span>
  </p>
  <p>
    <span>Следи</span>
    {' '}
    <span>за</span>
    <span>пробелами</span>
  </p>
  <p>
    <q> Следи за пробелами по краям </q>
  </p>
  <p>
    <q>
      Следи за пробелами по краям
    </q>
  </p>
  <p>
    <q>
      {' '}Следи за пробелами по краям{' '}
    </q>
  </p>
  <p>
    <q>
      {' Следи за пробелами по краям '}
    </q>
  </p>
</div>, document.querySelector('main'))

p { white-apce: pre; font-family: monospace; }

<script src="//cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<main></main>

БЛОГ НА HUSL

{' '} - зачем это пишут в React JS после блока?

Ответы (2 шт):