Какво са state и props в контекста на разработката с React?

State — това е вътрешното състояние на компонента, набор от данни, който може да се променя по време на работата на компонента. Промяната на state води до повторно рендиране на компонента.

Props — това са външни параметри, които се предават на компонента отвън, от родителския компонент. Props са неизменяеми вътре в компонента, който ги получава. Те се използват за конфигурация и предаване на данни от родителя към потомка.

Основни разлики:

Характеристика	State	Props
Източник	Вътрешно на компонента	Предават се отвън
Променливост	Може да се променя	Не може да се променя вътре
Цел	Управление на вътрешния изглед	Предаване на данни и конфигурация

Пример за използване на state:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // Инициализация на state

  return (
    <div>
      <p>Брояч: {count}</p>
      <button onClick={() => setCount(count + 1)}>Увеличи</button>
    </div>
  );
}

Пример за използване на props:

import React from 'react';

function Greeting(props) {
  return <h1>Здравей, {props.name}!</h1>; // Използване на props
}

function App() {
  return <Greeting name="Свят" />; // Предаване на props
}