我在react原生应用中有一个组件，它加载与特定个人相关的会话，在该组件的useEffect()中，我既在组件成为焦点时加载会话，又在清理时卸载这些会话。

export const ClientScreen = (props) => {
  const isFocused = useIsFocused();
  const client = useSelector((state) => selectActiveClient(state));
  useEffect(() => {
    if (isFocused) {
      const loadSessions = async () => {
        if (client?.id) {
          dispatch(await loadClientSessions(client?.id));
        }
        return () => dispatch(unloadSessions()); // Cleaning up here...
      };
      loadSessions(props);
    }
  }, [isFocused, client?.id]);

  const updatedProps = {
    ...props,
    client,
  };

  return <ClientBottomTabNavigator {...updatedProps} />;
};

一般来说，组件按预期工作，但是我注意到，如果我用一个客户机加载组件，然后导航离开，然后通过加载新客户机返回组件，那么在很短的时间内，与前一个客户机相关的会话会在被替换为与新客户机相关的会话之前显示。
我的问题是，在cleanup时运行的unloadVisits()--它将会话设置为空数组--不应该阻止这种情况吗？或者这是某种保持组件先前状态的react行为吗？我如何确保这种行为不会发生？