Полное руководство по реквизитам ReactJS

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

Передача реквизитов и доступ к ним: мы можем передавать реквизиты любому компоненту, поскольку мы объявляем атрибуты для любого HTML-тега. Взгляните на приведенный ниже фрагмент кода:

<Welcome fullName = "Harsh Agarwal" />

В приведенном выше фрагменте кода мы передаем реквизит с именем fullName компоненту с именем Welcome. Этот реквизит имеет значение «Harsh Agarwal» . Давайте теперь посмотрим, как мы можем получить доступ к этой опоре (свойству).

Для компонента React объект props будет хранить реквизит как пары ключ: значение , и он будет выглядеть, как показано ниже. fullName — это ключ, а «John Wick» — это значение.

props = { fullName: "Harsh Agarwal" }

В случае функциональных компонентов мы можем получить доступ к значению свойства, как показано ниже.

props.propName;

Пример:

Выход:

Полный список реквизита приведен ниже:

• РеагироватьJS | Методы как реквизит
• РеагироватьJS | PropTypes
• РеагироватьJS | Реквизит — набор 1
• РеагироватьJS | Реквизит — набор 2
• Однонаправленный поток данных
• РеагироватьJS | Состояние в реакции
• РеагироватьJS | Состояние против реквизита
• РеагироватьJS | Реализация состояния и жизненного цикла