Использование Props в React для передачи данных

В React, компоненты могут принимать данные, которые они могут использовать внутри себя. Эти данные называются props (сокращение от «properties» – свойства).

Props являются способом передачи данных от родительских компонентов к дочерним. Когда мы создаем компонент, мы можем передать ему различные параметры, которые внутри компонента доступны через this.props.

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

const element = <Welcome name="Саша" />;
ReactDOM.render(
  element,
  document.getElementById('root')
);

В этом примере name является свойством в компоненте Welcome.

Данные, передаваемые через props, доступны для чтения и не могут быть изменены внутри компонента, что гарантирует надежность и предсказуемость поведения компонентов. Этот аспект управления состоянием в React также известен как "однонаправленный поток данных" (one-way data flow).

Важно отметить, что существуют и другие способы передачи данных в React, включая state и контекст, но props является самым распространенным и простым в использовании.

В итоге, props в React это мощный и гибкий способ управления и передачи данных между компонентами.