مشكل في حساب عدد اللايكات

محمود سعداوي2 · 3 نوفمبر 2023

السلام عليكم.

أواجه مشكل في حساب اللايكات حيث يقع تفعيل الدالة إلا من المرة الثانية

const likeImage = async (id) => {
  if (!user) {
    navigate("/login");
    return;
  }
  
  await axios
    .put(`/api/images/like/${id}`, like, {
      headers: {
        "Content-Type": "application/json",
        "x-auth-token": user.data.token,
      },
    })
    .then((res) => {
      setLike(res.data)
    })
    .catch((err) => setError(err.response.data.msg)); 
};
**************************
const unLikeImage = async(id) => {
    if (!user) {
      navigate("/login");
      return;
    };
  
    await axios
    .put(`/api/images/unlike/${id}`, like, {
      headers: {
        "Content-Type": "application/json",
        "x-auth-token": user.data.token,
      },
    })
    .then((res) => {
      setLike(res.data)
    })
    .catch((err) => setError(err.response.data.msg)); 
  };

****************************************
<div className="menu-like">
  {/* {error && <Alert error={error} />} */}
  <div className="like" onClick={() => likeImage(imageId)}>
    <i className="fa-regular fa-thumbs-up"></i>
    {likes.length === 0 ? "" : likes.length}
  </div>
  <div className="dislike" onClick={() => unLikeImage(imageId)}>
    <i className="fa-regular fa-thumbs-down"></i>
  </div>
</div>

أما بالنسبة لعدد الإعجابات

{likes.length === 0 ? "" : likes.length}

فلا يظهر إلا بعد تحديث الصفحة.

شكرا لكم.

Mustafa Suleiman · 3 نوفمبر 2023

أرفق مجلد المشروع لتفقد المشكلة، وتأكد من أن الدوال likeImage و unLikeImage تعمل بشكل صحيح وأنها تقوم بإرسال الطلبات بشكل صحيح من خلال إضافة console.log للتحقق من تنفيذ الدوال كالتالي:

const likeImage = async (id) => {
  if (!user) {
    navigate("/login");
    return;
  }

  try {
    const response = await axios.put(`/api/images/like/${id}`, like, {
      headers: {
        "Content-Type": "application/json",
        "x-auth-token": user.data.token,
      },
    });
    console.log("Response from likeImage:", response.data); // سيتم تسجيل الاستجابة في وحدة التحكم
    setLike(response.data);
  } catch (err) {
    setError(err.response.data.msg);
  }
};

const unLikeImage = async (id) => {
  if (!user) {
    navigate("/login");
    return;
  }

  try {
    const response = await axios.put(`/api/images/unlike/${id}`, like, {
      headers: {
        "Content-Type": "application/json",
        "x-auth-token": user.data.token,
      },
    });
    console.log("Response from unLikeImage:", response.data); // سيتم تسجيل الاستجابة في وحدة التحكم
    setLike(response.data);
  } catch (err) {
    setError(err.response.data.msg);
  }
};

مشكل في حساب عدد اللايكات

السؤال

محمود سعداوي2

1 جواب على هذا السؤال

Recommended Posts

Mustafa Suleiman

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية