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

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

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

• Предаване на данни: Използват се за предаване на данни, конфигурации и callback функции от родителя към детето.
• Непроменяемост: Вътре в детския компонент props не могат да бъдат променяни. Всяка промяна трябва да идва от родителския компонент, който предава нови props.
• Обект: props винаги се предават като обект. Всяко предадено свойство става ключ в този обект.
• Достъп: В функционалните компоненти props се предават като първи аргумент на функцията. В класовите компоненти те са достъпни чрез this.props.

Пример за предаване и използване на props:

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

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