reactjs - react 路由器， Prop `history` 未定义

Question

在我的 React 应用程序中，我使用的是 react-router-dom，并且在触发函数后的其中一个组件中，我想路由到主页。
但我得到了错误

The prop `history` is marked as required in `GameElements`, but its value is `undefined`.
    in GameElements (created by Connect(GameElements))

当然，在调用后 Uncaught TypeError: Cannot read property 'push' of undefined
这是我的 index.js

ReactDOM.render(
  <BrowserRouter>
    <Provider store={store}>
      <Route component={App} />
    </Provider>
  </BrowserRouter>,
  document.getElementById("root")
);

从主页我到了这样的组件

<Button color="blue" as={Link} to="/GameInit">
  START GAME
</Button>

现在来自 GameInit我想像这样回到主页

  cancel = () => {
    const { history, cancelGame } = this.props;
    cancelGame();
    history.push("/HomePage");
  };

GameElements.propTypes = {
  cancelGame: PropTypes.func.isRequired,
  history: PropTypes.shape({
    push: PropTypes.func.isRequired
  }).isRequired,
};

取消游戏工作，它的 reducer 按它应该的方式操作状态

Answer 1

包你GameElements是 withRouter hoc，将其包含在您的文件中

import { withRouter } from 'react-router'

现在在底部，您导出组件的位置执行此操作。

export default withRouter(Connect(GameElements));

您可以在 docs 中阅读更多信息.