React dasturlash kontekstida state va props nima?

State — bu komponentning ichki holati, komponent ish faoliyatida o'zgarishi mumkin bo'lgan ma'lumotlar to'plami. State o'zgarishi komponentning qayta chizilishini olib keladi.

Props — tashqi parametrlar bo'lib, tashqaridan, ota komponentdan komponentga o'tkaziladi. Props ichida o'zgartirilmaydi. Ular konfiguratsiya qilish va ota-jonidan bolaga ma'lumot uzatish uchun ishlatiladi.

Asosiy farqlar:

Xususiyat	State	Props
Manba	Ichki komponent	Tashqaridan uzatiladi
O'zgartirish mumkinligi	O'zgarishi mumkin	Ichida o'zgartirilmaydi
Maqsad	Ichki ko'rinishni boshqarish	Ma'lumot va konfiguratsiya uzatish

State dan foydalanish misoli:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // State ni boshlash

  return (
    <div>
      <p>Hisoblagich: {count}</p>
      <button onClick={() => setCount(count + 1)}>O'stirish</button>
    </div>
  );
}

Props dan foydalanish misoli:

import React from 'react';

function Greeting(props) {
  return <h1>Salom, {props.name}!</h1>; // Props dan foydalanish
}

function App() {
  return <Greeting name="Dunyo" />; // Props ni uzatish
}