react B页面是A页面的子路由,A跳B,再从B跳A,来回循环几次,在B页面就会发现A页面的DOM在B页面上也展示了

Question

react B页面是A页面的子路由,A跳B,再从B跳A,来回循环几次,在B页面就会发现A页面的DOM在B页面上也展示了, B页面的dom被挤到下面去了,这可如何是好?

循环点击跳转的时候,B跳A, A里面的 生命周期没法触发. 只在第一次的时候触发.卸载也只在跳转到其他同级子路由的时候触发

目前我的解决方法就是在 B页面 componeDidMount 中 判断是否能获取到 A页面的DOM ,然后直接隐藏.但总感觉这不是一个方法.

还有个解决方法是: 在建立一个页面,做中转, 正常触发A页面的卸载

有对react 了解的同学能方便告知下怎么解决么

Answer 1

react中不要操作dom
react中不要操作dom
react中不要操作dom

说三遍都没用。
页面嵌套了，说明，路径跳转后组件没有被卸载掉。