Theme
Primary Color

تمرير دالة من الأب إلى الابن

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

المثال داخل مشروع React يدعم JSX و Hooks

تطبيق الفكرة

حالة العداد بتفضل في الأب والزر موجود في الابن

ملف App.jsx

import { useState } from "react";
function CounterButton({ onIncrease }) {
  return <button onClick={onIncrease}>Increase</button>;
}
export default function App() {
  const [count, setCount] = useState(0);
  return <><p>{count}</p><CounterButton onIncrease={() => setCount(value => value + 1)} /></>;
}

النتيجة

زر الابن بيحدث عداد الأب

reactjs شرح