freeCodeCamp/guide/arabic/certifications/front-end-libraries/react/render-a-class-component-to-the-dom/index.md

title, localeTitle

title	localeTitle
Render a Class Component to the DOM	تقديم مكون فئة إلى DOM

تقديم مكون فئة إلى DOM

من المفترض أن ينتهي رمزك بالظهور على النحو التالي:

class TypesOfVehicles extends React.Component { constructor(props) { super(props); } render() { return ( <div> <h1>Types of Vehicles:</h1> <Car /> <Motorcycle /> </div> ); } } ReactDOM.render(<TypesOfVehicles />,'node-id')

قد يكون بناء جملة ReactDOM.render خادعاً قليلاً ، تحتاج إلى استخدام أقواس المثلث عند المرور في مكون Class. كما يتم الإعلان عن المكونين الفرعيين خلف الكواليس ، مما قد يكون مربكًا إذا كنت معتادًا على جميع المتغيرات التي يتم تحديدها في محرر الشفرة ومرئية أمامك.

ملحوظة

• استخدم document.getElementById ('id') للحصول على نقطة الهدف

رابط ذو صلة

• عناصر التقديم