React.js State 未在 class 组件中定义

Question

我正在使用没有构造函数的 class 组件来初始化 state。 今天，我尝试创建的每个 React 应用程序都给了我一个错误

  Line 4:3:  'state' is not defined  no-undef

我的代码是

class Page extends Component {
  state = {
    pages: []
}

  render() {
    return(
      <div>page</div>
    );
  }
}

export default Page;

奇怪的部分是在我的旧反应应用程序中它工作正常。 但是我今天尝试的每一个新的'npx create-react-app <>'都给我未定义，除非我使用 class 构造函数。

这是我的依赖项

"dependencies": {
    "@testing-library/jest-dom": "^5.11.9",
    "@testing-library/react": "^11.2.5",
    "@testing-library/user-event": "^12.7.2",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.1.0"

Answer 1

似乎 React 版本 16.3.1 存在问题我今天遇到了这个问题并来到了这个线程。 最后，将我的 npm 反应版本从 16.3.1 升级到 16.4.0 后，我的代码没有这个问题。

Answer 2

Class 组件应该是这样的。 这里的文档参考链接

class Page extends Component {
  constructor(props){
      super(props);
      this.state = {
          pages: []
      }
  }

  render() {
    return(
      <div>page</div>
    );
  }
}

export default Page;

Answer 3

import React from 'react'

class Page extends React.Component{
  state = {
    pages: []
  }
  render() {
    return(
      <div>page</div>
    );
  }
}

export default Page;