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

Question

我在日期选择器实现方面遇到问题。我正在使用这个日期选择器： 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"}
/>

Answer 1

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

因此，在<DatePicker>通过维护状态来管理属性isOpen，并进一步喜欢，

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