根据Airbnb样式指南,

时间:2019-02-09 12:43:54

标签: reactjs eslint-config-airbnb

说我要满足Airbnb样式指南中的规则。我应该如何在JSX中嵌入与其他文本一致的链接(使用React)?

对我来说,自然的方法是:

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

但是,这会抛出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>

是否有一种方法可以用简洁明了的代码来满足此规则集,例如本文开头的三行示例?

0 个答案:

没有答案