将无状态功能组件反应为Component类

Question

您能帮我将这个React无状态功能组件更改为基于React类的组件，包括给定的withRouter和history对象吗？

const Menu = withRouter(({history}) => (
   <AppBar>

   </AppBar>
))
export default Menu

Answer 1

首先，创建您的类组件，然后为该类创建一个构造函数。然后，您可以在构造函数中定义所需的状态，就像这样-

eval(parse(text = paste0("list(", arg, ")")))

Answer 2

class Menu extends React.Component {
  render() {
    // you can use this.props.history anywhere in the class
    const { history } = this.props;
    return <AppBar>...</AppBar>
  }
}

export default withRouter(Menu);