Раскрывающийся список ReactJS Semantic UI onChange не срабатывает, если пользователь выбирает один и тот же элемент дважды

Question

У меня есть меню Файл, которое содержит 3 параметра:

const fileOptions = [
  { key: 'open', icon: 'open folder outline', text: 'Open lesson', value: 'open' },
  { key: 'save', icon: 'save', text: 'Save lesson', value: 'save' },
  { key: 'delete', icon: 'delete', text: 'Delete lesson', value: 'delete' },
]

Все работает нормально, но если я выберу, например, «Сохранить урок» дважды, он будет работать только в первый раз (я использую событие onChange). И это потому, что значение выпадающего не изменилось. Какое событие мне следует использовать?

     <Button.Group color='teal'>
        <Dropdown

          className='button icon'
          floating
          options={fileOptions}
          trigger={<React.Fragment />}
          onChange={this.handleLessonMenu}
        />
      </Button.Group>

Answer 1

Я решил проблему, изменив код следующим образом:

      <Dropdown
        text='File'
        fluid
      >
        <Dropdown.Menu >
          <Dropdown.Item text='Add section'
            onClick={this.addSection}
          />
          <Dropdown.Divider />
          <Dropdown.Item text='New lesson' />
          <Dropdown.Item text='Open lesson' description='ctrl + o' />
          <Dropdown.Item text='Save lesson' description='ctrl + s'
            onClick={this.handleSave}
          />
          <Dropdown.Divider />
          <Dropdown.Item text='Delete lesson' description='ctrl + d' />
        </Dropdown.Menu>
      </Dropdown>

Answer 2

Попробуйте использовать событие onClick вместо onChange . Так что он будет срабатывать каждый раз, когда вы нажимаете эту опцию.