App.tsx

blog-1-App.tsx

class App extends React.Component<Props, State> {
  state = { page: 'menu' };

  onChangeStore = () => {
    const { page } = store.getState();
    this.setState({ page });
  };

  componentDidMount() {
    store.on('page_changed', this.onChangeStore);
  }
  componentWillUnmount() {
    store.off('page_changed', this.onChangeStore);
  }

  public render() {
    const { page } = this.state;

    return (
      <div className="App">
        <header className="App-header">
          <h1 className="App-title">Reversi</h1>
        </header>
        {page === 'menu' ? <Menu /> : <Game />}
      </div>
    );
  }
}