使用react-router-redux,可以通过dispatch一个action来实现以编程方式重定向到URL。
首先,需要安装react-router-redux和react-router-dom依赖包:
npm install react-router-redux react-router-dom
然后,在应用的根组件中,创建一个history对象,并将其传递给react-router-redux的routerMiddleware:
import { createBrowserHistory } from 'history';
import { routerMiddleware } from 'react-router-redux';
const history = createBrowserHistory();
const middleware = routerMiddleware(history);
// 将middleware应用到store中
const store = createStore(
rootReducer,
applyMiddleware(middleware)
);
接下来,在需要进行重定向的组件中,可以使用react-router-redux提供的push方法来进行重定向:
import { push } from 'react-router-redux';
// 在组件中dispatch一个action来进行重定向
dispatch(push('/new-url'));
以上代码会将URL重定向到'/new-url'。
关于react-router-redux的更多信息和用法,可以参考腾讯云的相关产品文档:
领取专属 10元无门槛券
手把手带您无忧上云