React-day picker with REDO形式

Question

我需要使react-day picker组件与REDX形式兼容。我知道这不是绝对正确的，但是对于我目前的项目来说，还原形式是管理的。但我努力做到这一点。我用反应日期选择器，我使它与这种方式兼容：

import React from 'react'; 
import { PropTypes } from 'prop-types'; 
import DatePicker from 'react-datepicker'; 
import moment from 'moment'; 
import { injectIntl, intlShape } from 'react-intl'; 
import 'react-datepicker/dist/react-datepicker.css'; 

    const MyDatePicker = props => (
     <div> 
     <DatePicker 
      {...props.input} 
      dateFormat="DD-MM-YYYY" 
      selected={props.input.value 
      ? moment(props.input.value, 'DD-MM-YYYY') 
      : null} 
      placeholderText={props.placeholder} 
      disabled={props.disabled} 
     /> 
     { 
      props.meta.touched && props.meta.error && 
      <span className="error"> 
      { props.intl.formatMessage({ id: props.meta.error }) } 
      </span> 
     } 
     </div> 
    ); 

    MyDatePicker.propTypes = { 
     input: PropTypes.shape().isRequired, 
     placeholder: PropTypes.string, 
     disabled: PropTypes.bool, 
     meta: PropTypes.shape().isRequired, 
     intl: intlShape.isRequired 
    }; 

    export default injectIntl(MyDatePicker); 

但我努力使它与反应日选择器。任何人都可以帮我实现这个目标吗？

Answer 1

我有一个类似的问题，几个月前，该项目要求redux窗体和日期选择器。我得到的解决方案是将日期选择器包装到它自己的组件中，然后将该组件包装到另一个组件中，然后将它用作redux表单中的自定义输入组件。

我想你不会像我一样多次包裹，但概念应该仍然是相似的。为你解答凯尔

How to onFocus and onBlur a React/Redux form field that's connected to React Date Picker?