تمرير بيانات وقيم افتراضية بإستخدام Props

ال Props بتوصل البيانات من الأب للابن وتقدر تحدد قيمة افتراضية للمعامل

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

تطبيق الفكرة

القيمة الافتراضية بتستخدم عند غياب القيمة أو كونها undefined

ملف App.jsx

function Greeting({ name = "Guest" }) {
  return <p>Hello {name}</p>;
}
export default function App() {
  return <><Greeting name="Osama" /><Greeting /></>;
}

النتيجة

المكون الأول بيعرض Osama والثاني Guest

ملحوظة

تعامل مع Props كقيم للقراءة داخل المكون