В React props (свойства) — это входные данные компонента, которые передаются ему родительским компонентом и не могут изменяться внутри самого компонента. Они служат для передачи информации и конфигурации.

State (состояние) — это внутренние данные компонента, которые могут изменяться в процессе его жизни. Изменение состояния вызывает повторный рендер компонента.

Пример:

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

  return (
    <div>
      <h1>{props.title}</h1> {/* props */}
      <p>Счётчик: {count}</p>
      <button onClick={() => setCount(count + 1)}>Увеличить</button>
    </div>
  );
}

Здесь title — пропс, а count — состояние.

В чём разница между состоянием (state) и пропсами (props)?