状态布尔值未与false一起使用。

Question

我有一些功能，可以处理遵循的用户并取消关注另一个用户。

  const handleFollowUser = async () => {
    try {
      const { data } = await followUser({
        variables: {
          followedByUserId: Number(state.currentUser.id),
          followingUserId: Number(postFromUser.id)
        }
      })
      if (data) {
        refetchFollowers()
        checkIsFollowing()
      }
    } catch (err) {
      console.log(err)
    }
  }

  const handleUnfollowUser = async () => {
    try {
      const { data } = await unfollowUser({
        variables: {
          userId: Number(state.currentUser.id),
          userIdToUnfollow: Number(postFromUser.id)
        }
      })
      if (data) {
        refetchFollowers()
        checkIsFollowing()
      }
    } catch (err) {
      console.log(err)
    }
  }

检查符号搜索用户关注者列表，并检查那里的当前用户ID是否。这总是在页面加载上正常工作。

  const checkIsFollowing = () => {
    followersData?.getAllUserFollowers.some((follower) => {
      setIsFollowing(follower.id === state.currentUser.id)
    })
  }

  useEffect(() => {
    if (followersData) {
      checkIsFollowing()
    }
  }, [followersData])

我的问题是，当我取消关注用户时，布尔值iSfollowing并没有回到false。当我最初关注用户时，它会正确地翻转，但如果我取消关注他们，则不会。即使collesdata？.getAlluserFollowers在refetchfollowers运行后显示一个空数组

Answer 1

让我们将两种异步方法包装在React的Usecallback中，从这两个async中删除CheckISTOLLING（）调用，因为它是从使用效率调用的，并添加对这些方法的依赖性：

const handleFollowUser = useCallback(async () => {
    try {
      const { data } = await followUser({
        variables: {
          followedByUserId: Number(state.currentUser.id),
          followingUserId: Number(postFromUser.id)
        }
      })
      if (data) {
        //When you receive data, you should set followersData state here. Like, setFollowersData(data). Please, make sure that you have done it properly.
        refetchFollowers()
      }
    } catch (err) {
      console.log(err)
    }
  },[state.currentUser.id, postFromUser.id])

  const handleUnfollowUser = useCallback(async () => {
    try {
      const { data } = await unfollowUser({
        variables: {
          userId: Number(state.currentUser.id),
          userIdToUnfollow: Number(postFromUser.id)
        }
      })
      if (data) {
        refetchFollowers()
      }
    } catch (err) {
      console.log(err)
    }
  }, [state.currentUser.id, postFromUser.id])

之后，让我们修改使用效率的依赖性

useEffect(() => {
    if (followersData) {
      checkIsFollowing()
    }
  }, [followersData, handleFollowUser, handleUnfollowUser])

： Pilchard在他的评论中说，如果正确返回，您应该专注于遵守方法。