اذهب إلى المحتوى
  • 0

زيادة عدد الإعجابات دون تحديث الصفحة بـ React js

Ali Shouaa

السؤال

عندي <li> أعرض بداخلها قيمة الاعجابات التي أقرأها من الdatabase و اضعها في state و لكن عند الضغظ على "اعجاب" يزيد اللايك في قاعدة البينات و  يجب تحديث الصفحة من اجل اظهار الرقم الجديد

هل هُناك حل لأُري المستخدم ان عدد الاعجاب يزيد فور ضغطه على " إعجاب" ؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

يمكنك أن تقوم بزيادة عدد الإعجاب بقيمة واحد عند إتمام الطلب إلى الخادم، كالتالي:
 

this.setState((prevState, props) => ({
    likes: prevState.likes + 1
})); 

وبالتالي يوف يزداد عدد الإعجابات في الصفحة دون الحاجة إلى إعادة تحديث الصفحة.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

حسنا قد يكون لديك زر يحمل عدد اللايكات الحالية وعند ضغطه يزيد عدد اللايكات يمكنك تطبيق ش مشابه وهذا سيعطيك النتيجة المرادة 

import React, { useState, useEffect } from 'react';
import axios from 'axios';

export default function App() {
  const [likes, setLikes] = useState(8);

  const updateLikes = async () => {
    try {
      const res = await axios.post('/api/likes');
      setLikes(res.data.likes);
    } catch (error) {
      console.log(error);
    }
  };
  return (
    <div>
      <button onClick={updateLikes}>{likes}</button>
    </div>
  );
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...