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

Question

我有以下代码：

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

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

Answer 1

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

由此改变

as={<FormDatePicker />}

至

as={FormDatePicker()}