Разделите код на более мелкие компоненты руины

Question

У меня есть следующий код:

https://codesandbox.io/s/react-datepicerhook-u2vv1

Как вы можете видеть, есть средство выбора рабочей даты и средство выбора нерабочей даты. Два средства выбора даты очень похожи, поэтому я хотел бы создать новый компонент, который просто принимает параметр в качестве имени. Однако в моем штате есть что-то не то, что я денормализовал. Любые указатели почему и как это решить?

Answer 1

Вы связали еще один слой со стрелкой, поэтому добавьте еще один () при привязке к реквизиту.

Измените этот

as={<FormDatePicker />}

на

as={FormDatePicker()}