Javascript 函数参数中每行的最大jsx道具数

我正在使用

prettier eslint

，并试图添加一个新的eslint规则来限制每行jsx道具的数量：

eslintrc:

。。。
规则：{
'react/jsx每行最大props'：[2，{maximum:1}]，
“react/jsx缩进道具”：[2,2]，
'react/jsx first prop new line'：[2'多行']，
}
...

然而，当我有下面这样的代码时，它会得到如下所述的更正。我宁愿它被更正，而不是下面。似乎在追求我正在寻找的解决方案，但它不处理函数参数。我怎样才能得到下面所需的线绳呢？谢谢

//原始代码
常量foo=（）=>showModal（）；
//固定代码
常量foo=（）=>
showModal（）；
//期望的修复
常量foo=（）=>showmodel(
);

---

full.estlintrc.js:

module.exports={
解析器：“@typescript eslint/parser”，
解析选项：{
项目：'./tsconfig.json'，
},
环境：{
浏览器：是的，
},
覆盖：[
{
文件：['*.test.*']，
环境：{
笑话：没错，
},
},
],
插件：['@typescript eslint'，'jsx max len'，'@babel']，
扩展：[
“airbnb typescript”，
'插件：@typescript eslint/推荐'，
'插件：反应/推荐'，
“更漂亮”，
“更漂亮/反应”，
'prettier/@typescript eslint'，
],
全球：{
//测验
佩奇：没错，
浏览器：是的，
描述：是的，
以前：是的，
在每个人之前：是的，
毕竟：是的，
之后：是的，
是的，
测试：对，
期望：是的，
全球：没错，
},
规则：{
//----反应---//
“反应/解构分配”：0，
“反应/显示名称”：0，
“react/jsx结束括号位置”：1，
“react/jsx curly newline”：0，//由prettier处理
'react/jsx indent'：'off'，
“react/jsx每行一个表达式”：0，//不必要的规则
“react/jsx props no spreading”：0，//允许prop spreading
'react/jsx wrap multiline'：['error'，{arrow:true，return:true，declaration:true}]，
“react/no数组索引键”：0，//索引键在正确使用时可以正常使用
“react/no unused prop type”：0，//在GoogleMapReact所在的SFC上失败，等等。
“react/prop-types”：0，//不要使用prop-types，请使用Typescript
“反应/需要默认道具”：0，
'react/jsx每行最大props'：[2，{maximum:1}]，
“react/jsx缩进道具”：[2,2]，
'react/jsx first prop new line'：[2'多行']，
//----JSX-----//
“jsx-a11y/单击事件具有关键事件”：0，
“jsx-a11y/标签具有关联的控件”：0，
“jsx-a11y/label已用于”：0，//最终很好，但不是现在
“jsx-a11y/无非交互元素交互”：0，
“jsx-a11y/无静态元素交互”：0，
'jsx max len/jsx max len'：[2，{lineMaxLength:100，tabWidth:2，maxAttributesPerLine:1}]，
//-----打字脚本------//
“@typescript eslint/ban类型”：0，
“@typescript eslint/explicit模块边界类型”：0，//最终重新启用这些类型
“@typescript eslint/indent”：“off”，
“@typescript eslint/没有空接口”：0，
“@typescript eslint/no explicit any”：0，//目前允许“any”
“@typescript eslint/无可推断类型”：0，
“@typescript eslint/no重新声明”：0，
“@typescript eslint/no var需要”：0，
“@typescript eslint/preference as const”：0，
“@typescript eslint/首选可选链”：“错误”，
//-----其他------//
“数组括号间距”：0，//[“错误”，“始终”]，
“arrow parens”：[“error”，“always”]，
“逗号悬空”：[“错误”，“总是多行”]，
//始终在if/else块周围使用大括号；https://eslint.org/docs/rules/curly
curly:“错误”，
“导入/命名”：0，//不能很好地使用Typescript
“隐式箭头换行”：0，//这与过长的行冲突
“导入/首选默认导出”：0，
//这不适用于我们设置的别名，而且我相信Typescript会捕捉到这一点
//无论如何
“导入/无未解析”：0，
缩进：“关”，
“无警报”：0，
“无案例声明”：0，
'无控制台'：['error'，{allow:['warn'，'error']}]，//允许警告和错误日志
'no plusplus'：['error'，{allowforloopafterhoughts:true}]，
//GraphQL依赖于一个内部变量，即带有悬空下划线的_typename。
'无下划线悬挂'：['error'，{allow:[''.\u typename']}]，
//使用babel/eslint插件来处理可选的更改，例如？.foo（）将
//在测试之前提出一个脱毛错误
“没有未使用的表达式”：0，
//我*认为*typescript编译器捕捉到了未使用的变量，再加上这个
//导入类型
“没有未使用的变量”：0，
“对象卷曲间距”：[“错误”，“始终”]，
“首选解构”：0，
引述：‘关’，
semi:['error'，'always']，
},
};

完整。prettierrc:

{
“arrowParens”：“始终”，
“打印宽度”：100，
“trailing逗号”：“全部”，
“tabWidth”：2，
“单引号”：正确
}

我想你错过了

"plugins": [
  ...
  "prettier"
],

---

感谢您的输入，但不幸的是，这似乎并不能解决问题。我查看了所有规则，除非您想添加

jsx/indent

和

“函数paren newline”：[“error”，“always”]

，否则您运气不好。您应该在eslint插件react问题跟踪器上提交请求。