允许在 jsx 中使用箭头函数

Question

我正在尝试为 .eslintrc 文件查找规则以防止出现以下错误：JSX props should not use arrow functions

偶然发现：https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-no-bind.md

并尝试像这样在我的规则中应用它：

"rules"   : {
    "jsx-no-bind": [{
    "allowArrowFunctions": true
  }]
}

但似乎没有任何改变

Answer 1

根据您的 link，您传递给 "jsx-no-bind" 的数组中的第一个元素应该是 <enabled> 值。

所以这应该有效：

"rules"   : {
  "jsx-no-bind": [ 
    2, 
    { "allowArrowFunctions": true }
  ]
}