如何解决如何模拟与history.push“ / Initial”;相同的行为使用哈希路由器?
我必须修改:
<Provider store={store}>
<I18nextProvider i18n={i18n}>
<BrowserRouter>
<Header />
<Main />
<Footer />
</BrowserRouter>
</I18nextProvider>
</Provider>
收件人:
<Provider store={store}>
<I18nextProvider i18n={i18n}>
<HashRouter>
<Header />
<Main />
<Footer />
</HashRouter>
</I18nextProvider>
</Provider>
我进行了更改,以避免刷新页面时出现404错误,并避免了从电子邮件发送激活网址时出现相同的错误
现在,下面的代码不起作用
history.push("/Drawer");
除了使用hashrouter之外,我该怎么做
解决方法
尝试一下:
// install react-router-dom
npm i react-router-dom
// import withRouter in your Component
import { withRouter } from 'react-router-dom';
// now you can use
// in class component
this.props.history.push('/Drawer');
// in function component
props.history.push('/Drawer');
// export your component
// without connect
export default withRouter(YourComponent);
// with connect
export default withRouter(connect(mapStateToProps,mapDispatchToProps)(YourComponent));
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。