如果在React中没有使用路由而没有保存更改,则阻止用户离开视图



我有一个面板,打开像一个模态从右到左。在面板内部,我有一个带有不同选项的左导航,当单击渲染不同的组件时。

这些组件是表单,我想提示用户,如果他导航离开组件,而没有保存更改。

我不能使用react路由,因为我没有这些路由,它们只是组件。

是否有一种方法可以阻止用户导航或卸载组件并显示弹出窗口?

如果是输入,可以使用onBlur

或onMouseLeave(如果鼠标离开组件

)

最新更新