freeCodeCamp/guide/arabic/certifications/front-end-libraries/react/create-a-component-with-composition/index.md

title	localeTitle
Create a Component with Composition	إنشاء مكون مع التركيب

إنشاء مكون مع التركيب

تلميح 1

أضف المكون المراد تقديمه في المكون الذي سيتم عرضه فيه.

تلميح 2

استخدم علامات إغلاق JSX ذاتية.

تلميح 3

المكون الذي سيتم تقديمه هو ChildComponenet ثم يتم تقديمه في ParentComponent

حل

سوف يقدم التالية في ChildComponent في ParentComponent ، كما هو مطلوب:

class ParentComponent extends React.Component { constructor(props) { super(props); } render() { return ( <div> <h1>I am the parent</h1> <ChildComponent /> </div> ); } };