TypeError: unable to create data property ~ React ~ ESLint

Question

在某些 React 组件上使用 ESLint 时，我收到一个类型错误，该错误终止 ESLint 并显示消息 TypeError: unable to create data property. Occurred while linting PATH/TO/MY/REACT/COMPONENT/mycomponent.js.jsx:54。

代码如下所示：

class MyComponentextends React.Component {
  ... // Some component's logic.
}
// MyComponent.defaultProps is the line 54 to which the errors points out.
MyComponent.defaultProps = {
  property1: null,
  loading: true,
  property1: [],
  property2: null
}

错误在每个声明了 ANY_COMPONENT.defaultProps 的文件中重复出现，但找不到原因的解释。该项目在 React 15.6.2.

Answer 1

我会说你的问题可能是重复的属性 1:

MyComponent.defaultProps = {
  property1: null, // remove this one
  loading: true,
  property1: [], // or this one
  property2: null
}

还有一个调试 lint 规则的好方法是设置忽略规则标志 -> 查看规则的名称并尝试弄清楚它在做什么（有些规则过于严格，可能不适合你的项目）。