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

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

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

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

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

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>
  );
}