تمرير دالة من الأب إلى الابن
الأب يقدر يمرر دالة والابن يستدعيها عند حدوث تفاعل
المثال داخل مشروع 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)} /></>;
}النتيجة
زر الابن بيحدث عداد الأب