javascript - this.props.history 已弃用( react 路由器)

Question

我试图以编程方式导航到另一个页面，就像这样 this.props.history.push('/new-path'); 它有效，但我在控制台中收到弃用警告说:

警告:[react-router] props.history 和 context.history 已弃用。请使用 context.router。 此处有更多信息 https://github.com/reactjs/react-router/blob/master/upgrade-guides/v2.0.0.md#changes-to-thiscontext

---

之后我尝试像这样使用这个新方法 this.context.router.push('/new-path') 但这似乎不是正确的方法。

Answer 1

也许您确实忘记了将路由器定义为 contextType？假设你有一个像这样的组件:

class YourComponent extends React.Component {
      render() {
        return <div></div>;
      }
 }

您必须在您的组件下方定义 contextTypes:

YourComponent.contextTypes = {
  router: React.PropTypes.object.isRequired
};