Откуда передается пропс в компонент?

Question

[Николай Семенов]

Ребят, всем привет.
Есть такой компонент

const DatePicker = connect()(({ dispatch, ...props }) => {
  console.log(props);
  return <DateRangeWithPresentFlag {...props} />;
});

он передается в другой сомпонент

<Fields
            names={[`${namePrefix}startDate`, `${namePrefix}endDate`]}
            namePrefix={namePrefix}
            component={DatePicker}
            isPresent={namePrefix === "currentAddress_"}
            required
            label={formatMessage(messages["LivingArrangement.Date"])}
          />

кроме перечисленных пропсов еще есть масса которые не включены в Fields
Откуда они берутся не могу понять

Comments

[Максим]

Николай Семенов,

> кроме перечисленных пропсов еще есть масса которые не включены в Fields
Не включены кем? Родителем или разработчиком? Вы имеете в виду, что в Feilds "приехало" много свойств, которые не были описаны, или то что Fields может принимать много разных свойств (так задумано библиотекой)? Вопрос не понятен.

[Николай Семенов]

Максим в DatePicker "приехало" много свойств, которые не были описаны

[kulaeff]

Николай Семенов, ну дык конструкция ...props это и есть "приехало много свойств".

[Николай Семенов]

kulaeff, да но в какой момент они передаются и где формируются

[kulaeff]

Николай Семенов, чтобы точно ответить, нужно увидеть код компонента Fields. Судя по всему именно в нем в DatePicker передаются пропсы.

[kulaeff]

Николай Семенов, еще советую поставить расширение для хрома React Developer Tools, там тоже можно будет увидеть, откуда куда что передается.

Answer 1

[DarthJS]

- DatePicker передается в Fields
- Внутри компонента Fields скорее всего он вызывается (если конечно не передается дальше и вызывается где-то в третем колене)
- Соответственно DatePicker принимает все пропсы из компонента Fields
- ...props: Почитать о спреде https://developer.mozilla.org/ru/docs/Web/JavaScri...