حساب عدد اللايكات باستعمال رياكت

بتاريخ 40 دقائق مضت قال محمود سعداوي:

تفضل

src (2).zip

يبدو ان المشكلة في الشرط الخاص بك، حيث ان الـ color هنا معطى للكلاس وليس للعنصر نفسه وبالتالي فالشرط التالي :

el.target.style.color !== "#F05454"

لن يكون صحيحاً في اي وقت من الاوقات.

والمشكلة الثانية هي انك تقوم بعمل الـ toggle قبل الشرط وبالتالي فإن العنصر إذا لم يكن مفعل سيفعل ثم سيتم 

والحل هو ان تغير الوظيفة إلى الشكل التالي :

const handleLike = (el) => {
  if (el.target.className.includes("toggle-like-btn-icon")) {
    setNumLikes(numLikes - 1)
    el.target.classList.toggle('toggle-like-btn-icon')
  } else {
    setNumLikes(numLikes + 1)
    el.target.classList.toggle('toggle-like-btn-icon')
  }
}

بحيث يكون الشرط هو احتواء الـ className على الـ class المسمى toggle-like-btn-icon.

هي مكنك مشاركة ملف الـ src حتى استطيع الاطلاع على المشكلة بشكل افضل.

بتاريخ 9 دقائق مضت قال عمر قره محمد:

هي مكنك مشاركة ملف الـ src حتى استطيع الاطلاع على المشكلة بشكل افضل.

تفضل

src (2).zip