React.js状态在类组件中没有定义

Question

我使用的是一个没有构造函数来初始化状态的类组件。今天，我尝试创建的每个react应用程序都给了我一个错误

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

我的代码是

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

奇怪的是，在我以前的react应用程序中，它工作得很好。但是我今天尝试过的每一个new 'npx create-react-app <>'都是undefined，除非我使用了一个类构造函数。

这里是我的依赖项

"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 react版本从16.3.1升级到16.4.0之后，我的代码就没有这个问题了。

Answer 2

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

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;