2

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

2 ответа 2

3

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

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

будет Textsome Text

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

будет Text some Text

6
  • С примером было бы лучше)
    – Qwertiy
    6 июл 2021 в 14:48
  • Кстати, пропиши вопросу ассоциацию.
    – Qwertiy
    6 июл 2021 в 14:49
  • так я пример привел. или хочется ещё больше?
    – KoVadim
    6 июл 2021 в 14:55
  • Ну мой поподробнее будет, к тому же запускаемый)
    – Qwertiy
    6 июл 2021 в 15:07
  • @Qwertiy ну-да ну-да i.stack.imgur.com/jdoYQ.png :D 6 июл 2021 в 15:30
1

Для того, чтобы между написанными на разных строках 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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.