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

title, localeTitle

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>
    );
  }
};