react-activation 使用缓存后导致antd Modal页面切换无法关闭

使用缓存后导致antd Modal页面切换无法关闭

Open zhongweiming opened this issue 2 years ago • 8 comments

未使用缓存的时候，切换路由组件会销毁，里面的Modal也会跟着销毁。使用缓存，目前方案是在useUnactivate这个钩子中设置控制Modal显隐的state为false，但是发现并不生效，Modal并未销毁，state未更新。是离开后就没法更新组件状态了吗？大佬有啥好的解决办法吗，手动控制路由跳转前销毁Modal不太行

useUnactivate(() => {
    setShowDialog(false);
    console.log('路由缓存隐藏啦', currentRoute);
    console.log(getCachingNodes());
});
useEffect(() => {
      console.log('showDialog变化了', showDialog);
  }, [showDialog]);
{showDialog && (
    <Modal
        title='选择员工/用户'
        afterClose={() => console.log('关闭啦')}
        visible={staffModalVsb3}
        footer={null}
        width={1060}
        onCancel={() => setStaffModalVsb3(false)}
    >
    </Modal>
)}