允许在 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

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

所以这应该有效：

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