reactjs 在Next Js latest中将useState转换为类组件

bqjvbblv  于 2023-02-12  发布在  React
关注(0)|答案(1)|浏览(99)

在第一步卡住了,因为我们不能在类组件中使用钩子。我的应用是一个类组件。
所以,我想知道如何在类组件中创建一个与之等价的组件?
const [sidebar, setSidebar] = useState(0) const showSidebar = () => setSidebar(!sidebar)
我永远无法将其转换为类组件。请帮助我!

osh3o9ms

osh3o9ms1#

你应该研究一下Class component是如何工作的,只要花10分钟,我相信如果你有关于钩子的知识,你会很快习惯它。
这里是您所要求的示例,只是为了让您开始;

class YourClass extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      sidebar: 0 // this is a good place to set Initial value
    };
  }

  showSidebar = () => { // This is a method of the class, similar to your arrow f
    this.setState({ sidebar: !this.state.sidebar });
  };

  render() {
   return // render your things here, similar to what you "return" in hooks
   // You can use your this.state.sidebar value here, similar to "sidebar"
  }
}

相关问题