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

根据你的链接，数组中的第一个元素传递给＆＃34; jsx-no-bind＆＃34;应该是<enabled>值。

所以这应该有效：

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