דזשענערייט אַ פּשוט רעאַגירן קאָמפּאָנענט סטרוקטור
דאָ איז אַ ביישפּיל פון אַ פּשוט רעאַקט קאָמפּאָנענט סטרוקטור: ``` אַרייַנפיר רעאַגירן פון 'רעאַגירן'; // שאַפֿן די סימפּלעקאָמפּאָנענט קלאַס קלאַס סימפּלעקאָמפּאָנענט יקסטענדז React.Component {// ימפּלעמענט די רענדער מעטאָד רענדער () {return (<div> <h1>Simple React Component</h1> <p>דאס איז אַ פּשוט רעאַקט קאָמפּאָנענט וואָס רענדערז אַ כעדינג און אַ פּאַראַגראַף</p> </div> ); } } אַרויספירן פעליקייַט סימפּלעקאָמפּאָנענט; ``` צו נוצן דעם `SimpleComponent`, איר וואָלט דאַרפֿן צו אַרייַנפיר עס אין אן אנדער טעקע און לייגן עס צו די JSX פון דער טעקע: ``` אַרייַנפיר רעאַגירן פון 'רעאַגירן'; אַרייַנפיר סימפּלעקאָמפּאָנענט פון './ סימפּלעקאָמפּאָנענט'; פֿונקציע אַפּ() {return (<div> <h2>מייַן אַפּ</h2> <סימפּלעקאָמפּאָנענט /> </div>); } אַרויספירן פעליקייַט אַפּ; ``` אין דעם ביישפּיל, די `SimpleComponent` איז ימפּאָרטיד און צוגעגעבן צו די JSX פון די `אַפּ` קאָמפּאָנענט. עס וואָלט זיין רענדערד ווי אַ טייל פון די "אַפּ" קאָמפּאָנענט.