項(xiàng)目使用了
1，react-router4,
2，Bundle 動(dòng)態(tài)加載路由
問(wèn)題：
頁(yè)面路由使用了動(dòng)態(tài)路由，要實(shí)現(xiàn)一個(gè)modal層，即在當(dāng)前路由頁(yè)面打開(kāi)一個(gè)新的路由，當(dāng)這個(gè)路由是覆蓋在原頁(yè)面上，關(guān)閉新路由回到原路由，原路由不刷新，相當(dāng)于modal 一樣。
按官方代碼示例
https://reacttraining.com/react-router/web/example/modal-gallery
實(shí)現(xiàn)后，發(fā)現(xiàn)在打開(kāi)和關(guān)閉模態(tài)路由后，原路由會(huì)重新加載，影響體驗(yàn)
在多次的采坑實(shí)踐后，解決方法：
const A = (props) => {
return (
<Bundle load={() => import('...A.jsx')}>
{(Comp) => { return <Comp {...props} />; }}
</Bundle>
);
};
更改成：
import A from '..A.jsx'后
問(wèn)題解決。