renderOption(item) {
    /* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions */
    return (
      <li
        className={this.props.optionClassName}
        key={`option-${this.getItemValue(item)}`}
        onClick={() => this.onSelect(item)}
      >
        {this.getOptionComponent(item)}
      </li>
    )
    /* eslint-enable jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions */
  }
// List item that contains @getOptionComponent(item)
List item that contains @getOptionComponent(item)
List item that contains @getOptionComponent ( item )
renderOption(item) {
    return (
      <li
        className={this.props.optionClassName}
        key={`option-${this.getItemValue(item)}`}
        onClick={() => this.onSelect(item)}
      >
        {this.getOptionComponent(item)}
      </li>
    )
  }
renderOption ( item ) { return ( < li className = { this . props . optionClassName } key = { ` ${ this . getItemValue ( item ) } ` } onClick = { ( ) => this . onSelect ( item ) } > { this . getOptionComponent ( item ) } < / li > ) }
List item that contains @getOptionComponent(item)
List item that contains @getOptionComponent ( item )
/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions */ /* eslint-enable jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions */