reactjs - 将代码分成更小的组件破坏状态

Question

我有以下代码：

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

如您所见，有一个工作日期选择器和一个非工作日期选择器。这两个日期选择器非常相似，所以我想制作一个只将参数作为名称的新组件。但是，在我的非规范化状态下，我的状态出现了问题。任何指针为什么以及如何解决它？

Answer 1

()你多绑定了一层箭头函数，绑定props的时候多加一层。

从此改变

as={<FormDatePicker />}

至

as={FormDatePicker()}