reactjs - 允许 `let state = {` 的 eslint 规则

Question

这是我的 eslintrc。它抱怨 let state = {dataObjects: insurances }不正确。我应该怎么做才能解决这个问题？否则代码运行时没有错误。

.eslintrc

{
   "extends": "airbnb",
   "env": {
       "es6": true
   },
   "parserOptions": {
    "sourceType": "module"
   }
}

文本屏幕

   12 class TextablesScreen extends React.PureComponent {
   13   /* ***********************************************************
   14   * STEP 1
   15   * This is an array of objects with the properties you desire
   16   * Usually this should come from Redux mapStateToProps
   17   ************************************************************ */
>> 18   let state = {
   19     dataObjects: insurances
   20   }

Answer 1

在 React 中，this.state应该将其视为不可变的。使用letfor states 没有任何意义，您应该将其添加为类属性：

class TextablesScreen extends React.PureComponent {
  state = {
    dataObjects: insurances
  }
  /* ... */

props如果您需要填充默认状态，或者在构造函数中设置状态：

constructor(props) {
  super(props)
  this.state = ...
}