search
Giriş
Merhabalar arkadaşlar, Sitemizi programlama ile ilgilenen bütün arkadaşlarımızın Türkçe içerik konusunda çektiği sıkıntılar düşünülerek soru/cevap şeklinde bir etkileşimde bulunabilmesi için kurduk. Umuyoruz hepimiz için güzel bir deneyim olur. Hasscript Ekibi
0 oy
307 gösterim
Selamlar,

React öğrenmeye çalışıyorum, react ta bir component nasıl oluştururum ve bunu kullanırım?
Genel Kavramlar kategorisinde 365 puan

1 cevap

0 oy

Merhaba,

Öncelikle bir js dosyası içinde componentimizi oluşturuyoruz.

//react i import ediyoruz.
import React,{Component} from "react";

//classımızı belirliyoruz. Mutlaka baş harf büyük olacak
//reactten componenti extend ediyoruz
class NewsComponent extends Component{

    render(){
        return(
//herşey tek bir div içersinde olacak. yani bu div in içinde istediğinizi ekleyebilirsiniz.
            <div>
                <h1>Hello React</h1>
                <p>İzmir'de son dakika haberi... Rıza Bey Apartmanı'nda 3 yaşındaki Ayda Gezgin bebek, 91'inci saatte canlı olarak enkaz altından çıkarıldı. Ayda bebeğe ilk müdahale olay yerinde yapıldı. Sağlık Bakanı Yardımcısı Prof. Muhammet Güven, Ayda'nın sağlık durumuna ilişkin olarak, "Genel olarak problem gözükmüyor. Şuuru açık, konuşabiliyor" dedi. Ayda bebeğin annesi Fidan Gezgin'in cansız bedenine ulaşıldı.</p>
            </div>
        )
    }

}
//burda da oluşturugumuz componenti dışarı aktarıyoruz.
export default NewsComponent;

 

Daha sonra bu componenti app.js dosyası içine import ediyoruz.

import logo from './logo.svg';
import './App.css';
//burada componentimizi import ediyoruz.
import NewsComponent from "./NewsComponent.js";

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
//burada componentimizi ekliyoruz 
      <NewsComponent></NewsComponent>
      </header>
    </div>
  );
}

export default App;

 

 

365 puan

İlgili sorular

0 oy
1 cevap 512 gösterim
512 gösterim
Selam, React te component içinde nasıl değişken tanımlarız? component içinde tanımlanan değişkeni nasıl kullanırız?
11 Kasım 2020 Genel Kavramlar kategorisinde kupanintorunu 365 puan sordu
0 oy
1 cevap 283 gösterim
283 gösterim
React native de çoklu fonksiyon bulunduran moduller için as operatoru kullanımı nasıl yapılır?
4 Kasım 2020 Genel Kavramlar kategorisinde kupanintorunu 365 puan sordu
0 oy
1 cevap 286 gösterim
286 gösterim
React native de modulleri ve kutuphaneleri import ederken as keywordu ile nasıl yeniden isimlendirme yapabiliriz?
4 Kasım 2020 Genel Kavramlar kategorisinde kupanintorunu 365 puan sordu
0 oy
1 cevap 336 gösterim
336 gösterim
React native de varsayılan modul nedir? Ne işe yarar? nasıl kullanılır? Default module nedir? Yardımcı olabilir misiniz?
4 Kasım 2020 Genel Kavramlar kategorisinde kupanintorunu 365 puan sordu
0 oy
1 cevap 300 gösterim
300 gösterim
React native çalışıyorum ve sürekli modullerle ilerleniyor. Module nasıl oluşturulur yardımcı olur musunuz?
4 Kasım 2020 Genel Kavramlar kategorisinde kupanintorunu 365 puan sordu