Интервал между ссылками в JSX в соответствии с руководством по стилю Airbnb - PullRequest
Новая
       4

Интервал между ссылками в JSX в соответствии с руководством по стилю Airbnb

0 голосов
/ 09 февраля 2019

Скажите, что я хочу соответствовать правилам стиля Airbnb по линтингу.Как мне встраивать ссылку в строку с другим текстом в JSX (используя React)?

Для меня естественным способом сделать это будет: 

<footer>
  Source available <a href="#">here</a>.
</footer>

Однако этоthrows react/jsx-one-expression-per-line.

Самый простой способ передать линтер не оставляет пробела между предыдущим словом и ссылкой (это также выглядит ужасно): 

<footer>
  Source available
  <a href="#">here</a>
  .
</footer>

Следующие два решения дают правильноеинтервалы, но довольно многословны по сравнению с первой, в которой всего три строки, и они чрезвычайно разборчивы: 

<footer>
  Source available
  {' '}
  <a href="#">here</a>
  .
</footer>

// Same result:

<footer>
  {'Source available '}
  <a href="#">here</a>
  .
</footer>

Есть ли способ удовлетворить этот набор правил с помощью ясного и краткого кода, такого как пример из трех строк вначало этого поста?

...