使用依赖项返回unMount上的空状态来响应本机unMount

Question

假设我有以下代码：

const [value, setValue] = useState();

useEffect(() => {
   setvalue('1')
   return () => {
       clearData()
   }
}, []);

const clearData = useCallback(() => {
  console.log('data when unmount', value)
}, [value]);

但我总是在卸载时得到未定义的数据

有人能帮忙吗？

Answer 1

const [value, setValue] = useState();

const clearData = useCallback(() => {
    console.log('data when unmount', value)
  }, [value]);

useEffect(() => {
   setvalue('1')
   return () => {
       clearData()
   }
}, [clearData])

最初，这显示为卸载，但View将卸载它将显示一个值(视图转到后面)