在React / JSX中推荐的字符行长

Question

我知道React社区非常注重创建良好的模式，并且 我一直在React论坛，github，文章中进行搜索，找不到关于jsx代码的``最佳''行长的任何提及。

• 在eslint-config-react-app中，ESLint max-len 规则没有替代。
• ESLint max-len的默认长度似乎为 80个字符，但这仅适用于原始javascript。

鉴于JSX是另一种代码（它包含HTML标记，可能会增加对更多字符的需求），React社区对此有何建议？

修改

发现Airbnb React/JSX Style Guide，这似乎已广为接受，但未提及行长。 我也想知道你的经历。

Answer 1

据我所知，在React社区上没有最大数量的JSX代码行的实际最佳实践。您可以自己调整。

在我们的项目中，我们将其用于 20行。如果JSX代码超出阈值，则我们认为该组件过于膨胀，并将其重构为更小的组件。

eslint-plugin-react也值得尝试降低JSX代码的复杂性。

1. eslint-plugin-react/jsx-max-depth
2. eslint-plugin-react/jsx-max-props-per-line

Answer 2

我认为行长没有神奇的数字。我的团队还认为80太短，所以我们选择100。

我会挑选一些东西，看看它的感觉。通常，了解自己的偏好和原因比遵循社区标准更为重要。