Reactjs 将代码分成更小的组件

我有以下代码：

---

如您所见，有一个工作日期选择器和一个非工作日期选择器。这两个日期选择器非常相似，因此我想创建一个新组件，它只以参数作为名称。然而，在我的状态中，有一些东西在我去规范化的那个上出错了。有什么指示为什么以及如何解决这个问题吗？

您又绑定了一层arrow函数，所以在绑定到道具时再添加一层

（）

从此改变

as={<FormDatePicker />}

---

当然这并不是说我的代码是有效的，并希望审查。但代码不起作用，需要知道如何解决它？只有一个问题。为什么我的组件需要声明为函数，其中作为日期选择器添加为标记？是因为我将我的实现为一个箭头函数，而react datepicker将其实现为一个类吗？@ThomasSegato Nope，与经典或函数无关，您使用了

=props=>{

，那里有一个参数以及道具

，因为
没有任何传递的值。它可能不同于其他API，比如
onChange
，它有一个
事件
。因此在这种情况下，如果你像
=>{
那样编写，你可以正常使用
as={}
或
as={FormDataPicker}
as={FormDatePicker()}