使用 redux-form 实现 react-mobile-datepicker

【问题标题】：Implement react-mobile-datepicker using redux-form使用 redux-form 实现 react-mobile-datepicker
【发布时间】：2019-08-07 11:41:48
【问题描述】：

我对日期选择器的实施有疑问。我正在使用这个日期选择器： https://www.npmjs.com/package/react-mobile-datepicker 我也在使用 redux-form。

有人可以检查我的代码并给我一些提示可能是什么问题。

它什么也没做。没有错误，什么都没有发生。

import { Field } from 'redux-form';
import DatePicker from 'react-mobile-datepicker';

 renderDatePicker = () => <DatePicker dateConfig={dateConfig} showCaption={true} />

<Field
  name="date"
  type="date"
  component={this.renderDatePicker}
  label={"date"}
/>

【问题讨论】：

标签： reactjs datepicker redux-form

【解决方案1】：

您必须管理<DatePicker> 中的属性isOpen，它可以控制组件的显示。如果isOpen 是true，则可见，否则不可见。

所以在<DatePicker> 中通过维护状态等来管理属性isOpen，

<DatePicker isOpen={this.state.isOpen} dateConfig={dateConfig} showCaption={true} />

【讨论】：