反应原生 useEffect 清理功能错误

【问题标题】：反应原生 useEffect 清理功能错误
【发布时间】：2022-01-23 15:34:24
【问题描述】：

当我使用 useEffect 时，有时我会遇到称为 useEffect 清理功能的错误。我找不到解决方案。它不会阻止我的应用程序运行听到屏幕截图。

【问题讨论】：

【解决方案1】：

您没有编写清理函数。阅读this

来自docs的示例

import React, { useState, useEffect } from 'react';

function FriendStatus(props) {
  const [isOnline, setIsOnline] = useState(null);

  useEffect(() => {
    function handleStatusChange(status) {
      setIsOnline(status.isOnline);
    }
    ChatAPI.subscribeToFriendStatus(props.friend.id, handleStatusChange);
    // Specify how to clean up after this effect:
    return function cleanup() {
      ChatAPI.unsubscribeFromFriendStatus(props.friend.id, handleStatusChange);
    };
  });

  if (isOnline === null) {
    return 'Loading...';
  }
  return isOnline ? 'Online' : 'Offline';
}

【讨论】：