Что такое props в контексте React?

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

Основные характеристики props:

• Передача данных: Служат для передачи данных, конфигурации и колбэков от родителя к потомку.
• Иммутабельность: Внутри дочернего компонента props нельзя изменять. Любые изменения должны исходить от родительского компонента, который передает новые props.
• Объект: props всегда передаются как объект. Каждое переданное свойство становится ключом в этом объекте.
• Доступ: В функциональных компонентах props передаются первым аргументом функции. В классовых компонентах они доступны через this.props.

Пример передачи и использования props:

jsx