JavaScript/React 样式指南缩进

Posted 2023-02-21

【中文标题】JavaScript/React 样式指南缩进

【英文标题】：JavaScript/React Style Guide Indentation

【发布时间】：2016-08-23 00:08:46

【问题描述】：

在 React JSX 中是否有公认的缩进约定？ 2个空格、4个空格、制表符等

【问题讨论】：

由于大量使用回调，很多风格指南建议使用2 spaces进行缩进，但是这个问题一般是关于javascript的，而不是react。

好的，我同意。很高兴知道。

聚会有点晚了。无论如何，我认为2个空格隐藏了问题。如果你有很多回调，你应该重构你的代码而不是添加另一层缩进。

【参考方案1】：

您应该只使用与其他 javascript 代码相同的缩进。

也就是说，react 生态系统似乎主要使用双空格，所以我会使用它来保持一致性。

【讨论】：

两个空格，我是这么想的。谢谢！

【参考方案2】：

您应该使用适合您风格的标识风格。您可以使用 ESlint 之类的东西来定义约定。 4 或 2 个空格或制表符，只是一种样式。

【参考方案3】：

大多数流行的库倾向于使用 2 个空格，但如果您和您的团队就标准达成一致，您可以更改此设置。

您可以设置eslint，以便您的代码库标准化。我绝对会推荐你看看Airbnb 最流行的 JavaScript 样式指南之一。