В чем разница между state и props

«В чем разница между state и props» — вопрос из категории React, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

State и props — это механизмы управления данными в React, но они используются по-разному: * **Props** (properties) — данные, передаваемые от родительского компонента к дочернему. Они неизменяемы (immutable) внутри дочернего компонента. ``` function Child({ name }) { return

Hello, {name}!

; } // `name` — это prop ``` * **State** — внутренние данные компонента, которые могут изменяться (например, через `useState`). Изменения state вызывают ререндер компонента. ``` function Counter() { const [count, setCount] = useState(0); return ; } ``` **Ключевые отличия:** * Props только для чтения, state — изменяемый. * Props передаются сверху вниз, state управляется внутри компонента. * Изменение props перерисовывает дочерний компонент, изменение state — текущий.