useEffect包含return

`useEffect` 是 React 中的一个生命周期钩子，用于在组件渲染后执行某些副作用操作。它通常包括两个参数：一个回调函数（即副作用函数）和一个可选的依赖数组。如果副作用函数需要在组件卸载时被清除，以避免资源泄漏，那么就需要返回一个清理函数。

当你有一个需要清除的副作用，比如订阅事件或者设置定时器，你应该这样使用 `useEffect`：

useEffect(() => {
    const handleStatusChange = (status) => {
        setIsOnline(status.isOnline);
    };
    ChatAPI.subscribeToFriendStatus(props.friend.id, handleStatusChange);

    // 清理函数，当组件卸载时调用
    return () => {
        ChatAPI.unsubscribeFromFriendStatus(props.friend.id, handleStatusChange);
    };
}, [props.friend.id]); // 依赖项，只有当依赖改变时才会重新运行该effect

如果不需清除，或者副作用是异步的并且无需立即清理，可以不返回清理函数：

useEffect(() => {
    document.title = `You clicked ${count} times`;
}, [count]); // 如果只依赖count这个状态，则仅在count变化时执行