freeCodeCamp/guide/arabic/certifications/front-end-libraries/react/pass-an-array-as-props/index.md

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 النهائي.