如何检查数组是否收到新值？

Question

我正在尝试创建一个自定义通知计数器，它显示未读通知的数量。 我从后端接收通知内容作为数组。 我的想法是获取第一个值，检查先前的长度是否与当前长度不同，然后将此计数器加到 +1（或更多）。

  useEffect(() => {
    axios
      .get(USER_API)
      .then((response) => {
        setNotificationList(response.data.data);
      })
      .catch((error) => console.log('error from getNotifications', error));
    });

我怎样才能让它发挥作用？

Answer 1

在设置状态下使用回调函数

  setNotificationList((prev) => {
     if(prev?.length === response.data.data.length) return prev 
     return response.data.data
   } );