`[react/jsx-max-props-per-line]` eslint 规则，复合设置

Posted 2023-03-27

【中文标题】`[react/jsx-max-props-per-line]` eslint 规则，复合设置

【英文标题】：`[react/jsx-max-props-per-line]` eslint rule, compound settings

【发布时间】：2021-09-08 23:41:58

【问题描述】：

我正在考虑根据开发人员的请求将[react/jsx-max-props-per-line] 添加到我的配置中，并且我正在尝试找出...

有没有办法让一个规则适用于when: multiline，另一个适用于when: always？

当我们在always 内时，我想要一个maximum，共五个，并且在多行上最多one。

【参考方案1】：

不，目前无法以您想要的方式使用该规则。正在以下问题中跟踪此功能请求：

https://github.com/yannickcr/eslint-plugin-react/issues/2735

但对于您的具体情况，您可以尝试使用prettier。在多行标签的情况下，它强制每行最多 1 个道具。通过它的printWidth 属性，您可能会获得与大约 5 个道具类似的效果。