如何使用选定的值自动触发 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 仅在发生变化时才会被调用。

修复

查看您正在使用的DatePicker 的API，看看它是否有类似onSelect 或onOpen 之类的道具并使用它??