Что такое props?

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

Основные свойства

• Передаются сверху вниз (от родителя к ребёнку).
• Иммутабельны — компонент не должен менять свои props.
• Могут быть любыми: строки, числа, объекты, функции, JSX.

function Greeting(props) {
  return <h1>Привет, {props.name}</h1>;
}

<Greeting name="Ann" />;

Деструктуризация и значения по умолчанию

function Button({ label, onClick, disabled = false }) {
  return <button onClick={onClick} disabled={disabled}>{label}</button>;
}

Особые props

• children — вложенный контент между тегами компонента.
• Колбэки (onClick, onChange) — способ ребёнка сообщить родителю о событии («поднятие состояния»).

props против state

• props — приходят снаружи, только для чтения.
• state — внутреннее изменяемое состояние компонента.

Коротко для собеседования

props — входные, только для чтения данные, передаваемые от родителя к дочернему компоненту, делают его переиспользуемым. Через колбэки-props ребёнок сообщает родителю о событиях. Отличаются от state (внутреннее изменяемое состояние).