Question

在伪代码中，我使用的是我的datePicker图像图标，它正在起作用。但是，当我单击“图像”图标时，该事件不会持续。

layerIndex问题，图像出现在输入框的顶部，因此，输入的更改不会发生事件。

import DatePicker from 'react-datepicker'


rendor(){
return(
  <div className='country-code small-text label-text'> Repair Date</div>
  <DatePicker
    id='date-picker'
    calendarClassName='fullWidth'
    maxDate={moment()}
    dateFormat='MM/DD/YYYY'
    className='fullWidth'
    onChange={this.handleDatePick}
    isOpen={this.state.isOpen}
    placeholderText='Enter date'/>)
}

Answer 1

可以将onClick on image图标作为功能事件。

我们需要将ref attribute中的函数传递给它。

import DatePicker from 'react-datepicker'

iconHandler = (c, name) => { window.isOpen = c }

rendor(){
return(
  <div className='country-code small-text label-text'> Repair Date</div>
  <DatePicker
    id='date-picker'
    calendarClassName='fullWidth'
    maxDate={moment()}
    dateFormat='MM/DD/YYYY'
    className='fullWidth'
    onChange={this.handleDatePick}
    isOpen={this.state.isOpen}
    ref={this.iconHandler}
    placeholderText='Enter date'/>)
}

要单击图像图标，react-datepicker的输入框不起作用

1 个答案: