Mis on state ja props React arenduse kontekstis?

State — see on komponendi sisemine olek, andmekogum, mis võib muutuda komponendi töö käigus. State'i muutmine põhjustab komponendi uuesti renderdamise.

Props — need on välised parameetrid, mis antakse komponendile väljaspool, vanemkomponendilt. Props on muutumatud sees komponendis, mis neid saab. Neid kasutatakse konfiguratsiooniks ja andmete edastamiseks vanemalt lapsele.

Peamised erinevused:

Omadus	State	Props
Allikas	Sisekomponent	Väljast üleantud
Muutuvus	Võib muutuda	Ei saa muutuda sees
Eesmärk	Sisemise vaate juhtimine	Andmete ja konfiguratsiooni edastamine

State kasutamise näide:

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Lugemik: {count}</p>
      <button onClick={() => setCount(count + 1)}>Lisa</button>
    </div>
  );
}

Props kasutamise näide:

import React from 'react';

function Greeting(props) {
  return <h1>Tere, {props.name}!</h1>; // Props kasutamine
}

function App() {
  return <Greeting name="Maailm" />; // Props edastamine
}