SEO (Arama Motoru Optimizasyonu) Mikro İnteraktif ÜCRETSİZ - Google Play'den İndirin

ReactJS Ders 5: Component Oluşturalım

ReactJS'de yeni bir Component oluşturalım. Oluşturmuş olduğumuz bu Component'i include (çağırma) yöntemi ile ilgili yerde çalıştıralım.

Bir tane Component oluşturalım. Component'in dosya adı "ders5-component-olusturalim.js" şeklinde olsun.
ders5-component-olusturalim.js
import React from 'react'

function Ders5ComponentOlusturalim() {
  return (
    <div>
      <p>Burası harici oluşturulan Component içeriği</p>
    </div>
  )
}
export default Ders5ComponentOlusturalim;

Dosyamız oluştu, klasör yapısı içerisinde bir ekran görüntüsü paylaşalım ki neler olup bittiğini biraz daha anlamaya çalışalım.
Klasör Yapısı
ReactJS Ders 5: Component Oluşturalım

Oluşturmuş olduğumuz bu Component'i App.js içerisinde çağırmaya çalışalım.
App.js
import './App.css';
import Ders5ComponentOlusturalim from './ders5-component-olusturalim';

function App() {
  return (
    <div className="ana-kapsul">
      <h1>App.js İçerisi</h1>
      <Ders5ComponentOlusturalim />
    </div>
  );
}
export default App;

Hazırlıkları tamamladıktan sonra projemizi terminalden "npm start" diyerek çalışmasını sağlayalım.
Projemizin Çalışması
ReactJS Ders 5: Component Oluşturalım

Yorumlar

Henüz hiçbir yorum yazılmamış. İlk yorumu siz yapın.

Yorum Yaz

Avatar

REKLAM

DDos Koruma, Botnet Koruma, Layer 7 Saldırı koruması, Sanal sunucu, Vds sunucu

REKLAM

Çizgi Filmler

INSTAGRAM VIDEO İNDİR

Instagram Video İndirme Aracı

EN

  • Popüler
  • Yeni
  • Son Yorum