React inkişaf kontekstində state və props nədir?

State — bu komponentin daxili vəziyyətidir, komponentin işləmə prosesi zamanı dəyişə bilən məlumatların toplusudur. State-də dəyişiklik komponentin yenidən çəkilməsinə səbəb olur.

Props — xarici parametrlərdir, komponentə xaricdən, valideyn komponentdən ötürülür. Props daxilində dəyişdirilə bilməz. Onlar konfiqurasiya və məlumatların valideyn-dən uşağa ötürülməsi üçün istifadə olunur.

Əsas fərqlər:

Xüsusiyyət	State	Props
Mənbə	Daxili komponent	Xaricdən ötürülür
Dəyişkənlik	Dəyişə bilər	Daxildə dəyişdirilə bilməz
Məqsəd	Daxili görünüşün idarə olunması	Məlumat və konfiqurasiyanın ötürülməsi

State istifadə nümunəsi:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // State-in başlanğıcı

  return (
    <div>
      <p>Sayaç: {count}</p>
      <button onClick={() => setCount(count + 1)}>Artır</button>
    </div>
  );
}

Props istifadə nümunəsi:

import React from 'react';

function Greeting(props) {
  return <h1>Salaam, {props.name}!</h1>; // Props-dan istifadə
}

function App() {
  return <Greeting name="Dünya" />; // Props ötürülməsi
}