问题描述:
使用history在点击某一按钮时跳转到后管的某一页面,地址发生变化,跳转成功,但是页面没有进行渲染。
import {history} from 'umi';
historys.push('/mycenter/mydata/published');
原因:因为history.push操作知识修改了props里的属性,不会触发页面渲染,需要监听history的变化,手动重新渲染页面。(可参考:react-router-dom v6 组件外使用路由跳转)
解决方法:
import { createBrowserHistory } from 'umi';
const historys = createBrowserHistory({
basename: '', //基链接
forceRefresh: true, //是否强制刷新
});
historys.push('/mycenter/mydata/published');
使用umi内置的API createBrowserHistory 为其设置强制刷新的配置项,这样在使用history进行跳转时,页面会强制进行渲染,就