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

qyswt5oh 于 2023-05-06 发布在 React

关注(0)|答案(3)|浏览(148)

我知道React社区非常专注于创建好的模式，我一直在React论坛，github，文章中搜索，但没有找到任何关于jsx代码“最佳”行长度的内容。

在eslint-config-react-app中，没有覆盖ESLintmax-len规则。
ESLint max-len似乎默认为80个字符长，但这只是针对原始javascript。

考虑到JSX是一种不同类型的代码（它包括HTML标记，可能会增加对更多字符的需求），React社区对此有什么建议吗？

编辑

找到Airbnb React/JSX Style Guide，这似乎是很好的接受，但没有提到线的长度。我也想知道你的经历。

reactjs

来源：https://stackoverflow.com/questions/52418190/recomended-character-line-length-in-react-jsx

3条答案

按热度按时间

3htmauhk1#

据我所知，在React社区中没有实际的最佳实践来限制JSX代码行的最大数量。你可以自己调整。
在我们的项目中，一个函数大约需要20行。如果JSX代码超过了阈值，我们假设组件过于臃肿，并将其重构为更小的组件。
eslint-plugin-react也值得尝试降低JSX代码的复杂性。