javascript - React Router - 除了使用 Context 之外，是否有 'easier' 路由到新路径的方法？

Question

是否有更简单或更新的方法能够，例如，点击一个按钮并点击该按钮，重新路由到一个新路径？

....除了在组件上使用上下文方法之外？

谢谢

Answer 1

有几种方式:

1. withRouter - 来自 react-router(高阶组件)的 HoC，包装另一个组件以提供 props.router

import { withRouter } from 'react-router';

class App extends Component {
   ...
    onClickButton(){
      this.props.router.push('/path')
    }
   ...
}

export default withRouter(App);

2.历史单例(hashHistory/browserHistory)

import { hashHistory} from 'react-router';

class App extends Component {
   ...
    onClickButton(){
      hashHistory.push('/path')
    }
   ...
}

3.您还可以从组件中的属性获取历史记录，传递给路由

....
<Route path="/" component={App} />

然后在组件中

class App extends Component {
   ...
    onClickButton(){
      this.props.history.push('/path')
    }
   ...
}