React datepicker onchange 按键问题

【问题标题】：React datepicker onchange keypress problemReact datepicker onchange 按键问题
【发布时间】：2020-12-21 19:56:05
【问题描述】：

我在我的项目中使用 react-datepicker。当我按下该键时，它会自动完成输入。我需要更改哪些内容才能像输入一样正常工作？

这是代码。

https://codesandbox.io/s/nifty-hopper-jm4gx

【问题讨论】：

你想要什么样的行为？您希望选择器在点击后保持打开状态吗？
@DMcCallum83 不，当我在选择器输入值上选择日期时，更改此日期，我也可以在键盘上按键

标签： reactjs react-hooks react-datepicker

【解决方案1】：

问题在于customInput，一旦你删除它，它就会正常工作

<div className="custom-calendar">
  <span className="calendar"></span>
  <DatePicker
    ref={ref}
    name="birthday"
    dateFormat="dd/MM/yyyy"
    disabled={disabled}
    popperPlacement="right-center"
    locale="tr"
    selected={startDate || value}
    showMonthDropdown
    showYearDropdown
    onChange={(date) => onChangePicker(date)}
    yearDropdownItemNumber={100}
    maxDate={addDays(new Date(), 0)}
    scrollableYearDropdown
    autoComplete="off"
  />
</div>

【讨论】：