>source

react datepicker를 redux 형식으로 작동 시키려고합니다. 스택 오버 플로우에 대한 답변을 이미 읽었습니다. 피커가 올바르게 작동했지만 어떤 이유로 필드에 아무것도 입력 할 수 없습니다. 2019 년 12 월 30 일과 같은 유효한 날짜를 붙여 넣으면 작동한다는 것이 흥미 롭습니다. 여기 내 코드가 있습니다

import React from "react";
import { Field, reduxForm } from "redux-form";
import DatePicker from "react-datepicker";
import moment from "moment";
const RenderDatePicker = ({ input }) => (
  <div>
    <DatePicker
      {...input}
      className="form-control"
      onChange={date => input.onChange(moment(date).format("MM/DD/YYYY"))}
      selected={input.value ? moment(input.value, "MM/DD/YYYY") : null}
    />
  </div>
);
const SimpleForm = props => {
  const { handleSubmit, pristine, reset, submitting } = props;
  return (
    <form onSubmit={handleSubmit}>
      <Field name={"datePicker"} component={RenderDatePicker} />
      <button type="submit">
        Submit
      </button>
    </form>
  );
};
export default reduxForm({
  form: "simple"
})(SimpleForm);


  • 답변 # 1

    이것을 시도하십시오

    const RenderDatePicker = ({input}) => {
    const inputWrap = (
        <div>
         <DatePicker
          {...input}
          className="form-control"
          onChange={date => input.onChange(moment(date).format("MM/DD/YYYY"))}
          selected={input.value ? moment(input.value, "MM/DD/YYYY") : null}
        />
    return (
        <div>
            {inputWrap}
        </div>
    );
    
    

    };

관련 자료

  • 이전 local storage - 자바 스크립트에서 요소 배열에 대한 로컬 저장소 설정
  • 다음 android - 데이터베이스에 Sqlite 데이터베이스 값이 표시되지 않음