reactjs - 在网络请求期间卸载的后果是什么(内存泄漏警告)？

Question

如果在具有后续状态更新的异步效果期间卸载 React 组件，我们会收到一条警告，表明存在内存泄漏。

const [value, setValue] = useState('checking value...');
useEffect(() => {
    fetchValue().then(() => {
     setValue("done!"); // ⚠️ what if the component is no longer mounted ?
     // we got console warning of memory leak
   });
}, []); 

警告:

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.

关于如何删除此警告有很多问题，但我为什么要尝试删除它？我认为这种情况最常见的情况是在网络请求之后，我假设完成后将使组件免费用于垃圾收集(如果我错了请纠正我)。由于状态更新是无操作的，除了不必看到它的唯一目的之外，是否有任何理由对警告采取措施？

我知道在某些情况下这很重要，例如取消订阅事件，但根据我的经验，这并不常见。

问的原因是在大型应用程序中处理卸载状态很麻烦，特别是如果您从一开始就没有考虑到这一点。

问题:忽略上述场景中的内存泄漏警告是否会对最终用户造成任何后果？

额外的问题:是否可以以某种方式禁用警告？

Answer 1

如果我理解这个thread是正确的，添加警告是为了防止出现这种情况:

useEffect(() => {
  function handleChange() {
     setState(store.getState())
  }
  store.subscribe(handleChange)
}, [])

当 store 可以无限期保存对组件的引用时(即使在它卸载之后)，从而导致内存泄漏。

但在其他情况下，例如在没有任何内容无限期引用组件时进行一次 API 调用，应该没问题。