Where is the prop passed to the component?

Question

JavaScript

Guys, hello everyone.
There is such a component

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

it is passed to another component

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

in addition to the listed props, there are still a lot that are not included in Fields
Where they come from I can’t understand

Answer 1

- DatePicker is passed to Fields
- Most likely it is called inside the Fields component (unless, of course, it is passed further and is called somewhere in the third knee)
- Accordingly, DatePicker accepts all props from the Fields component
- ...props: Read about the spread https:// developer.mozilla.org/en/docs/Web/JavaScript...