Откуда берется аргумент prop в React?

В React вы можете объявить функцию или компонент класса и использовать объект prop внутри, чтобы сделать ваш код более пригодным для повторного использования. Однако я не могу понять, откуда берется сам аргумент поддержки.

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

или

 class Welcome extends React.Component {
render() {
 return <h1>Hello, {this.props.name}</h1>;
 }
}

а затем вы можете создавать такие экземпляры:

<Welcome name = "Larry" />
<Welcome name = "Tim" />

Кажется, я не могу понять, откуда берется объект реквизита ни в одном из примеров.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
49
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Ваше замешательство связано с тем, что вы смотрите на JSX (в отличие от простого javascript). Этот JSX компилируется в простой Javascript, и выполняется следующее:

React.createElement(Welcome, {name: 'Larry'}, null)

В этом примере вы можете видеть, что Welcome — это ваш компонент, а объект, переданный в качестве второго аргумента функции createElement, — это props.

Подробнее об этом можно прочитать на сайте React (Реагировать без JSX)

Другие вопросы по теме

Проблема с центрированием изображения при обрезке
В чем преимущество использования componentDidUpdate перед обратным вызовом setState?
Почему шутливое тестирование прерывается при добавлении react-router-dom в реагирующее приложение с помощью create-react-app
ShallowWrapper пуст при запуске теста
Рандомизация ответов на викторины, полученных из rest-API
React/React Hooks: я пытаюсь динамически изменить стиль ввода с помощью условной функции, которая срабатывает, когда пользователь оставляет ввод
Как использовать метод TextInput isFocused()
Как получить доступ к состоянию функции карты и использовать во внешней функции
Я получил эту ошибку: «Обновления состояния от хуков useState() и useReducer() не поддерживают второй обратный вызов ...», когда я вношу изменения в свое состояние
Как я могу выровнять текст TextField Material-ui по центру, а также установить минимальное числовое значение?