1.3 KiB
1.3 KiB
title | localeTitle |
---|---|
Pass an Array as Props | تمرير صفيف كما الدعائم |
تمرير صفيف كما الدعائم
لتمرير مصفوفة كبروب ، يجب أن يتم الإعلان أولاً عن صفيف على أنه دعم "المهام" على كل مكون من المكونات التي سيتم تقديمها:
`const List= (props) => { return
};class ToDo extends React.Component { constructor(props) { super(props); } render() { return (
To Do Lists
Today
<List tasks={["Walk", "Cook", "Bake"]} />Tomorrow
<List tasks={["Study", "Code", "Eat"]}/>ثم ، يجب التعامل مع الدعائم داخل مكون "قائمة":
`const List= (props) => { return
{props.tasks.join(", ")}
};// ... same as above `
يتم استخدام طريقة .join(", ")
لأخذ كل عنصر من داخل الصفيف ثم .join(", ")
إلى سلسلة ليتم عرضها.
نحن نستخدم نموذج رد الفعل في هذا المثال لعرض المهام التي تم تمريرها بواسطة مكونين مختلفين إلى مكون مشترك يعرض HTML النهائي.