Поднимите Ctrl / Shift + клик с Reactjs

Question

Я работаю над использованием event.ctrlKey и event.shiftKey в моем событии onClick, чтобы обеспечить несколько вариантов выбора в меню.Для простоты я заменил действие, которое нужно выполнить в коде, на некоторые журналы консоли.С помощью приведенного ниже кода, если я ставлю точки останова и проверяю событие в середине выполнения после нажатия, удерживая Shift или Control, я не могу найти логические значения ctrl / shift для события, и код определяет первые две части логики длябыть ложным и печатать «щелкнуть».

Метод

handleOnClick = (e, id) => {
  if (e.ctrlKey) {
    console.log('control ')
  } else if (e.shiftKey) {
    console.log('shift ')
  } else {
    console.log('click ')
  }
}

Выполнение

<ListItem
 key={q}
 onClick={() => this.handleOnClick(event, q.get('_id'))}
>

В своем исследовании я заметил, что кажется KeyboardEvent (не MouseEvent) действительно тот, который имеет логические свойства для shiftKey и ctrlKey, но все примеры, которые я нашел, похоже, не касаются этого различия.

Кто-нибудь имеет какие-либо идеи относительно того, какЯ могу заставить свой код попадать в соответствующую часть логики для handleOnClick, если во время щелчка удерживаются клавиши Shift или Control?Прямо сейчас моя консоль печатает «щелчок», независимо от того, какую комбинацию щелчков и нажатий клавиш (или их отсутствие) я использую ....