React 中未定义 function

Question

我有一个错误： Cannot read properties of undefined reading((Id)) 。

 const PostWidget = ({
    postId,
    postUserId,
    name,
    description,
    location,
    picturePath,
    userPicturePath,
    likes,
    comments,
  }) => {
    const [isComments, setIsComments] = useState(false);
    const dispatch = useDispatch();
    const token = useSelector((state) => state.token);
    const loggedInUserId = useSelector((state) => state.user._id);
    const isLiked = Boolean(likes[loggedInUserId]);
    const likeCount = Object.keys(likes).length;
  
    const { palette } = useTheme();
    const main = palette.neutral.main;
    const primary = palette.primary.main;
  
    const patchLike = async () => {
      const response = await fetch(`http://localhost:3001/posts/${postId}/like`, {
        method: "PATCH",
        headers: {
          Authorization: `Bearer ${token}`,
          "Content-Type": "application/json",
        },
        body: JSON.stringify({ userId: loggedInUserId }),
      });
      const updatedPost = await response.json();
      dispatch(setPost({ post: updatedPost }));
    };

该错误由const isLiked = Boolean(likes[loggedInUsrId])生成，如果 userId 数组在帖子呈现在主页上之前点赞该帖子，它会检查真实值。

我希望它显示我的主页及其相应的输出/逻辑，但却是从我的开发者控制台得到的：

Answer 1

发生错误是因为您正在通过使用也由 userId 组成的索引来检查用户 id 数组的真值。

想象一下，您有以下三个赞：

const likes = ["user1Id", "user2Id", "user3Id"];

现在如果登录用户是user1 ，当你写：

const isLiked = Boolean(likes[loggedInUserId]);

它实际上是Boolean(likes["user1Id"]).

当然，这个索引不存在，你只有三个索引， 0 ， 1和2 。

你可以做的是尝试在数组中找到 userId，如果它存在那么它是真的，如果不存在，它就是假的，比如：

const isLiked = likes.find((userId) => userId === loggedInUserId);