最新网站域名ip查询,杭州专业网站制作设计,杭州开发区建设局网站,网站推广策划方案大数据一、前言
最近写react antd项目#xff0c;在A页面中使用了dispatch方法#xff0c;然后B页面中嵌套A页面#xff0c;没有问题#xff1b;
但是在C页面中嵌套A页面的时候#xff0c;就发现dispatch方法没有执行#xff0c;也不报错#xff0c;就很奇怪#xff1b;
还…一、前言
最近写react antd项目在A页面中使用了dispatch方法然后B页面中嵌套A页面没有问题
但是在C页面中嵌套A页面的时候就发现dispatch方法没有执行也不报错就很奇怪
还发现如果先打开一次B页面后续再打开C页面dispatch方法就可以执行了但是直接打开C页面就不行。
二、问题原因
1.排查发现dispatch执行的目标js是包含在B页面里的目录结构如下 这样打开B页面-A页面调用dispatch是没有问题的。此时会加载models里的js文件
2.但是C页面在另一个文件夹下目录结构如下 这样虽然C页面引用了A页面但是打开C页面-A页面调用dispatch会因为js文件没有加载导致无法调用。最坑的是没有报错也能正常打开A页面都不知道为什么调用没有生效还得自己找
三、解决方法
1.既然明白了是js文件没有加载导致的那就把dispatch目标方法写到全局js文件里那样肯定就会加载了。本人项目的路径样例如下 这样C页面-A页面调用dispatch因为这个文件夹里的js文件肯定会加载调用就没有问题了。
四、备注
dispatch调用代码样例 searchList () {const { dispatch } this.props;console.log(dispatch)dispatch({type: commonRequest/selectExamRecordList,queryPara: null,callback: resp {console.log(resp, resp)}});};
