Как правильно указать тип для onClick event, где target — кнопка с атрибутом name?

Question

[Никита]

Указываю тип для event подобным образом. В моем понимании, все должно работать и не понимаю, что не так. Буду признателен за помощь.

const _handleChangeStyle = (e: React.MouseEvent<HTMLButtonElement>) => {
        const type = e.target.name // Error: Property 'name' does not exist on type 'EventTarget'.
        handleChangeEditorState(RichUtils.toggleBlockType(editorState, type))
}

Answer 1

[blolg]

Вам нужно преобразовать тип target к HTMLButtonElement, т.е.
(e.target as HTMLButtonElement).name

Comments

[Никита]

Благодарю за помощь! Однако, меня интересует вот что: зачем тогда указывать этот же тип в качестве Generic Type? Я использую его неправильно?

[blolg]

Никита, Вы всё правильно используете. Generic Type нужен для currentTarget - это элемент, на которое повешено событие, а target - это элемент, который вызвал событие, у него тип EventTarget.
Т.е. в Вашем случае можно использовать currentTarget
e.currentTarget.name

[Никита]

blolg, ваш ответ полностью ответил на мои вопросы и дал полное понимание этого момента, благодарю. Так же, я до этого не знал о существовании e.currentTarget, забавный факт. Знать подобное является очень важным, я вам очень признателен.