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;