reactjs - React/JSX 中推荐的字符行长度

Question

我知道 React 社区非常专注于创建好的模式，并且
我一直在 React 论坛、github、文章中搜索，但找不到任何关于 jsx 代码的“优化”行长度的提及。

在 eslint-config-react-app ESLint 没有覆盖最大长度 规则。

ESLint max-len似乎默认为 80 个字符 很长，但这仅适用于原始 javascript。

鉴于 JSX 是一种不同类型的代码(它包含可能需要更多字符的 HTML 标记)，React 社区是否对此有任何建议？

编辑

找到 Airbnb React/JSX Style Guide ，这似乎被广泛接受，但没有提及行长。
我也很想知道你的经历。

Answer 1

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

在我们的项目中，我们做到了 20 行 对于一个函数。如果JSX代码超过阈值，我们假设组件过于臃肿并将其重构为更小的组件。
eslint-plugin-react也值得尝试降低 JSX 代码的复杂性。

eslint-plugin-react/jsx-max-depth

eslint-plugin-react/jsx-max-props-per-line