Reactjs 福米克与采摘者接触

我已在Formik表单中设置了

DayPickerInput

<DayPickerInput
   id="hire_date"
   name="hire_date"
   formatDate={formatDate}
   parseDate={parseDate}
   format="DD/MM/YYYY"
   onDayChange={date => setFieldValue('hire_date', date)}
   onChange={handleChange}
   onBlur={handleBlur}
   value={values.hire_date}
   placeholder={`${formatDate(new Date(), "DD/MM/YYYY")}`}
   inputProps={{ 
      style: { width: "100%", padding: "0.75rem", border: "1px solid #e2e8f0", borderRadius: "0.25rem" } 
   }}
 />
 <Error touched={touched.hire_date} message={errors.hire_date} />

setFieldValue（'hire_date'，date）}
onChange={handleChange}
onBlur={handleBlur}
value={values.hire_date}
占位符={`${formatDate（新日期（），“DD/MM/YYYY”）}
inputProps={{
样式：{width:“100%”，padding:“0.75rem”，border:“1px solid#e2e8f0”，borderRadius:“0.25rem”}
}}
/>

当我在没有选择日期的情况下单击输入和输出字段时，我不再显示错误

---

如何使用DayPickerInput字段？

react day picker不支持

onChange

和

onBlur

，但您可以通过将自定义输入传递到

DayPickerInput

来覆盖输入组件，如下所示：

<Field name="date">
              {({ field, form }) => (
                <DayPickerInput
                  name={field.name}
                  component={props => (
                      <input
                        {...field}
                        onClick={props.onClick}
                        placeholder={props.placeholder}
                      />
                  )}
 </Field>

{（{field，form}）=>(
(
)}

这对我不起作用。我也在使用typescript。完全按照你说的做了。不起作用，还有一些打字错误