说我要满足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>
是否有一种方法可以用简洁明了的代码来满足此规则集,例如本文开头的三行示例?