reactjs – 在react-router-dom中,什么是路由器？
发布时间：2020-12-15 20:17:26 所属栏目：百科 来源：网络整理
导读：我有 sometimes seen人在导出它们时将其组件包装在withRouter中： import { withRouter } from 'react-router-dom';class Foo extends React.Component { // ...}export default withRouter(Foo); 这是什么,我什么时候应该使用它？ 解决方法 当您在应用中包
|
我有
sometimes seen人在导出它们时将其组件包装在withRouter中：
import { withRouter } from 'react-router-dom';
class Foo extends React.Component {
// ...
}
export default withRouter(Foo);
这是什么,我什么时候应该使用它？ 解决方法
当您在应用中包含主页面组件时,它通常包含在< Route>中.像这样的组件：
<Route path="/movies" component={MoviesIndex} />
通过这样做,MoviesIndex组件可以访问this.props.history,因此它可以使用this.props.history.push重定向用户. 一些组件(通常是标题组件)出现在每个页面上,因此不包含在< Route>中： render() {
return (<Header />);
}
这意味着标头无法重定向用户. 要解决此问题,可以在导出时将标头组件包装在 export default withRouter(Header) 这使Header组件可以访问this.props.history,这意味着标题现在可以重定向用户. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |