freeCodeCamp/guide/arabic/certifications/front-end-libraries/react/compose-react-components/index.md

title	localeTitle
Compose React Components	تأليف React Components

تأليف React Components

ملحوظة

استخدام المكونات المتداخلة كما في challemge السابقة لتقديم المكونات.

حل

ما يلي هو الحل لل chakkenge ، حيث تجعل الحمضيات و NonCitrus في مكون ثم يتم تقديمها في آخر:

`class Fruits extends React.Component { constructor(props) { super(props); } render() { return (

Fruits:

); } };

class TypesOfFood extends React.Component { constructor(props) { super(props); } render() { return (

); } }; `

روابط ذات صلة:

• المكونات والدعائم
• المكونات المتداخلة