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

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

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

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

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

// Родительский компонент
function ParentComponent() {
  const greeting = "Привет";
  return <ChildComponent message={greeting} />;
}

// Дочерний компонент
function ChildComponent(props) {
  return <p>{props.message}, мир!</p>;
}