React-листовка получить ctrlKey пресс-событие

Question

Я пытаюсь обработать событие ctrlKey + click против click.

EventHandler

   seatClickHandler = (event, seat) => {
        console.log(event);
        console.log(seat);
    };

компонент, по которому щелкают.

<Circle onClick={ (event) => this.seatClickHandler(event, seat) }
        key={seat['id']}
        center={[x, y]}
        radius={7} />

Я пытался проверить event.ctrlKey, но он не определен.

Как я могу узнать, происходит ли нажатие Ctrl или Shift при нажатии?

Проблема в том, что я не могу использовать события responseJs из события response-leaflet. Например, если я запускаю event.stopPropagation();, я получаю фатальную ошибку.

Answer 1

Листовка имеет свои собственные события . Если вы хотите получить доступ к исходному событию клика, вам нужно сделать это через свойство originalEvent события листовки:

if (event.originalEvent.ctrlKey) {
    // handle ctrl + click ...
}

Каждое свойство, которое вы ожидаете получить DOMEvent, будет находиться на этом объекте вместо объекта события листовки. Это также включает в себя stopPropagation().