1. Bileşen Oluşturma 2. React’te bir bileşen oluşturmak için, genellikle

   src/components

   gibi bir klasör yapısı kullanılır ve bu klasör altında yeni bir JavaScript dosyası oluşturulur 2. Dosyanın içeriği, bir fonksiyon veya sınıf tanımlaması içerir ve JSX kullanılarak bileşenin görüntüsü belirlenir 2.
2. JSX Kullanımı 12. JSX (JavaScript XML), React bileşenlerini tanımlamak için kullanılan bir söz dizimidir 12. HTML benzeri bir yapı kullanarak UI bileşenlerini tanımlar ve kodun daha yapılandırılmış ve anlaşılır olmasını sağlar 2.
3. Prop Kullanımı 5. Oluşturulan bileşen, başka bir bileşen veya uygulama dosyası içinde çağrılırken, gerekli veriler

   props

   adı verilen bir nesne içinde geçirilir 25. Bu veriler, çağrılan bileşenin içinde

   props

   olarak kullanılır 25.
4. Olay Yönetimi 1. React'te bir butona tıklandığında bir olay yöneticisi çalıştırmak için,

   onClick

   prop'una bir fonksiyon atanır 13.
5. Liste Render Etme 1. Bileşen listeleri oluşturmak için JavaScript'in döngü ve

   map()

   fonksiyonları kullanılır 1.

import React from 'react';

function NumbersComponent () {
  const numbers = [1, 2, 3, 4, 5];
  return (
    <div>
      <h1>Çift Sayılar:</h1>
      <ul>
        {numbers.map((number, index) => {
          if (number % 2 === 0) {
            return <li key={index}>{number}</li>;
          } else {
            return null; // Tek sayıları görmezden gel
          }
        })}
      </ul>
    </div>
  );
}

export default NumbersComponent;
Kopyala