react componentlerde değişken kullanmak

Question

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?

Answer 1

Merhaba,

import React,{Component} from "react";
import "./NewsComponent.css";
class NewsComponent extends Component{

    render(){
//değişkeni şu şekilde tanımlıyoruz.
        let nameElement = <div>KERIM</div>;
        return(
            <div>
//tanımlanmış olan değişkeni süslü parantezler içersinde direk yazarak kullanabiliriz.
                {nameElement}
                <h1 className="title">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>
        )
    }

}
export default NewsComponent;