Šta su state i props u kontekstu razvoja na Reactu?

State — to unutrašnje stanje komponente, skup podataka koji se može menjati tokom rada komponente. Promena stanja dovodi do ponovnog renderovanja komponente.

Props — su spoljašnji parametri koji se prosleđuju komponenti spolja, od roditeljske komponente. Props su nepromenljivi unutar komponente koja ih prima. Koriste se za konfiguraciju i prenos podataka od roditelja ka detetu.

Glavne razlike:

Karakteristika	State	Props
Izvor	Unutrašnja komponenta	Prosleđuju se spolja
Promenljivost	Može da se menja	Ne može da se menja unutar
Cilj	Kontrola unutrašnjeg prikaza	Prenos podataka i konfiguracije

Primer korišćenja state:

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Brojač: {count}</p>
      <button onClick={() => setCount(count + 1)}>Povećaj</button>
    </div>
  );
}

Primer korišćenja props:

import React from 'react';

function Greeting(props) {
  return <h1>Zdravo, {props.name}!</h1>; // Korišćenje props
}

function App() {
  return <Greeting name="Svet" />; // Prosleđivanje props
}