Javascript 从父组件或祖辈组件清除React组件内的输入

Javascript 从父组件或祖辈组件清除React组件内的输入,javascript,reactjs,redux,components,react-dates,Javascript,Reactjs,Redux,Components,React Dates,我的应用程序中有一个过滤表单,它有正常的输入字段和日期范围输入AirBnb的插件。提交筛选表单时,我希望表单清除所有字段。但是,由于react dates组件是一个子组件,因此我无法找到访问该组件中的字段的方法 到目前为止,我已尝试在组件上放置参考,如下所示: <DateRangePickerWrapper ref="daterange"/> 但是-由于我使用的是Redux,因此我在日志中收到的是Connect对象,而不是实际的组件: Connect {props: {…}

我的应用程序中有一个过滤表单,它有正常的输入字段和日期范围输入AirBnb的插件。提交筛选表单时,我希望表单清除所有字段。但是,由于react dates组件是一个子组件,因此我无法找到访问该组件中的字段的方法

到目前为止,我已尝试在组件上放置参考,如下所示:

    <DateRangePickerWrapper ref="daterange"/>
但是-由于我使用的是Redux,因此我在日志中收到的是Connect对象,而不是实际的组件:

Connect {props: {…}, context: {…}, refs: {…}, updater: {…}, version: 15, …}
我尝试将forwardRef选项添加到组件导出,但是-我仍然收到连接对象

export default connect(mapStateToProps, { forwardRef: true})(DateRangePickerWrapper);
如果除了通过组件之外还有更简单的方法重置输入,我非常乐意改为使用该方法

谢谢你的时间

从您在问题中链接到的react dates README.md:

<DateRangePicker
  startDate={this.state.startDate} // momentPropTypes.momentObj or null,
  endDate={this.state.endDate} // momentPropTypes.momentObj or null,
  // ... more props...
/>

props startDate和endDate接受null作为一个值,这具有清除所选日期的效果。

谢谢-我想我把这件事复杂化了。因为我使用的是Redux,所以我可以从我的过滤器组件调用我的自定义操作this.props.dispatchupdateStartDatenull来重置startDate,并为endDate重置相同的操作。谢谢你的时间!
<DateRangePicker
  startDate={this.state.startDate} // momentPropTypes.momentObj or null,
  endDate={this.state.endDate} // momentPropTypes.momentObj or null,
  // ... more props...
/>