ما هي “React Hooks”؟

هي عبارة عن أنواع خاصة من الوظائف تسمح لنا باستخدام مميزات React دون استخدام الـ class. يمكنك استخدامها فقط مع الـ “functional components”، وتبدأ بـ use مثل useState()، حيث يمكنك استخدامها للحفاظ على حالة الـ function component.

useState

import React, { useState } from 'react';

const Counter = () => {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>عدد النقرات: {count}</p>
      <button onClick={() => setCount(count + 1)}>زيادة</button>
    </div>
  );
};

export default Counter;