我的RN 0.62.2应用程序需要在功能组件卸载之前自动保存页面数据。其想法是,当用户关闭页面时(检测失去焦点可能在这里不起作用,因为用户可能会放大模式屏幕中的图像),然后自动触发保存(到后端服务器)。既然是功能组件,如何知道组件何时卸载?
下面是一个函数组件应该做的示例代码:
const MyCom = () => {
//do something here. ex, open gallery to upload image, zoon in image in `modal screen, enter input`
if (component will unmount) {
//save the data by sending them to backend server
}
}
useEffect
会在每次渲染时触发,如果每次渲染都保存到后端服务器,则会出现性能问题。自动保存仅在组件卸载之前发生一次。用户可以点击Back
或Home
按钮离开页面。
1条答案
按热度按时间dgjrabp21#
Yoı必须在功能组件中使用useEffect对componentWillUnmount。