做知乎网站的图片,贵阳网站建设哪家便宜,做名人故居的网站多少钱,深圳网站建设定制开发关键代码如下#xff0c;页面中有根据redux中state展示的数据#xff0c;然后在组件卸载的时候会清空redux中存的数据#xff0c;点击a标签可以打开新的标签页#xff0c;如下代码会在打开新的标签页#xff0c;组件卸载#xff0c;清空redux数据#xff0c;页面展示的也…关键代码如下页面中有根据redux中state展示的数据然后在组件卸载的时候会清空redux中存的数据点击a标签可以打开新的标签页如下代码会在打开新的标签页组件卸载清空redux数据页面展示的也就是空的了
const getImage () {window.open(/, _blank)
}const HrefPage () {useEffect((){return (){resetState() //组件卸载的时候清空redux存的数据}},[])return a onClick{getImage} href#跳转/a
}export default HrefPage1. 刚开始以为是跳转页面组件卸载的问题【之前打开新tab页也不会清数据啊没有深入研究这个问题】把resetState去掉就可以了但是在切换菜单栏再切回来的时候还是会保留redux数据所以不能解决问题
2. 然后使用url状态同步把页面展示的redux存在url params上发现还是有些数据展示有问题
3. 最后看了下跳转的逻辑发现a标签中设置href为#导致点击跳转的时候当前tab下的页面再次回到当前路径引起组件卸载把href参数去掉就可以了
最终解决方案去掉a标签的href然后全局搜了下发现不止一个地方这么配置了都给去除了一个小小的参数引起的问题记录下以防再犯
