redux 형태의 리얼 데이 선택기

Question

반응식 선택기 구성 요소를 redux 형식과 호환 가능하게 만들 필요가 있습니다. 나는 이것이 절대적이지는 않다는 것을 압니다. 그러나 redux 양식은 현재 진행중인 프로젝트에 대한 manadatory입니다. 그러나 나는 그것을 만들기 위해 고투한다. 나는이 방법과 호환되는 반응 날짜 선택 도구를 사용했습니다.

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 형식의 사용자 지정 입력 구성 요소로 사용하는 것입니다.

내가 한 것처럼 여러 번 감쌀 필요는 없지만 개념은 여전히 ​​유사해야한다고 상상해보십시오. 이 REDUX-형태의 날짜 선택기를 통합하는 방법의 예를 보여줍니다으로이 질문의 코드를 살펴 보자 :

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