Чтобы нажать на изображение-значок, поле ввода реагировать-DatePicker не работают

Question

здесь, в Псевдокод Я использую иконку-изображение моего datePicker, и он открывается с действием.Но когда я нажимаю на значок IMAGE, это событие не сохраняется.

Проблема с 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 на иконке изображения как событие функции.

Все, что нам нужно, чтобы передать в нее функцию из 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'/>)
}