如何自动触发onChange功能与选定的值

Question

我有一个下拉菜单，我想触发一个函数时，选择的东西。

<DatePicker
customInput={
<React.Fragment>
<input
tabIndex={this.props.tabIndex}
className="exact-date-input"
placeholder={this.props.placeholder}
autoComplete="off"
type="text"
maxLength={10}
id="date-input"
aria-label={ariaLabel}
value={this.state.inputValue}
onKeyDown={this.onKeyDownDateType}
onClick={()=>this.openOrCloseDatePicker(true, this.state.error)}
onFocus={()=>this.openOrCloseDatePicker(true, this.state.error)}
onBlur={()=>this.emptyIfError(this.state.error)}
/>
</React.Fragment>
}
openToDate={this.openToDate(this.props.value)}
tabIndex={-1}
selected={this.openToDate(this.props.value)}
customInputRef="dateInput"
autoComplete="off"
id={this.props.id}
onChange={this.handleInput}
required={this.props.required}
minDate={moment(today).toDate()}
maxDate={moment(endRange).toDate()}
open={this.state.datePickerIsOpen}
onClickOutside={()=>this.openOrCloseDatePicker(false, this.state.error)}
/>

这是我的onChange函数

handleInput(e:any) {
let value = moment(e).format('MM/DD/YYYY');
this.props.onChange({
target: {
name: this.props.name,
value: value
}
});
this.setState({
inputValue: value,
datePickerIsOpen: false
})
}

我所遇到的问题是，如果我选择已经选择的选项，则该函数不会触发。我明白这是因为一切都没有改变，但有没有办法解决这个问题?

Answer 1

我明白这是因为没有任何改变。

显然，onChange只在发生变化时才会被调用。

<标题>修复h1> 看您正在使用的DatePicker的API，看看它是否有像onSelect或onOpen这样的道具，并使用👍🏻