Подскажите, как типизировать клик с dataset в реакте?

Question

TypeScript

🦜

Подскажите, как типизировать клик с dataset в реакте?

#programming #russian #typescript

0

20.01.2021

18 ответов

43 просмотра

🦜 Автор вопроса

const onToggleExpand = (e: React.MouseEvent<HTMLDivElement>) => { debugger; const id = e.target.dataset['id']; Property 'dataset' does not exist on type 'EventTarget'.

0

20.01.2021

Ivan 🧑‍🚀

currentTarget

0

20.01.2021

🦜 Автор вопроса

мне не нужен карент в обработчике

0

20.01.2021

Ivan 🧑‍🚀

у e.target тип Element у e.currentTarget тип Element & HTMLDivElement у Element нет dataset у HTMLDivElement есть dataset

0

20.01.2021

Ivan 🧑‍🚀

тебе нужен dataset, значит тебе нужен currentTarget

0

20.01.2021

🦜 Автор вопроса

не нужен

0

20.01.2021

Ivan 🧑‍🚀

тогда кастуй (e.target as HTMLDivElement).dataset

0

20.01.2021

˸̧̨ ͅBlack Akula˸̧̨ ͅ ̤ ̬̪

Когда надоело отвечать на тупые вопросы))

0

20.01.2021

🦜 Автор вопроса

не все такие умные как ты, ебать

0

20.01.2021

Ivan 🧑‍🚀

не, вопрос-то не тупой. там на самом деле ничего не поделаешь, если target и currentTarget отличаются, то нет способа определить, каким типом надо расширять target currentTarget всегда указывает на тот самый элемент, на котором определён обработчик. target может указывать на него или на КАКОГО-ТО из детей. и не у каждого ребёнка может быть dataset и единственное, что можно сделать — это каст. хотя, с явным кастом я погорячился. @popuguy, я бы посоветовал typeguard

0

20.01.2021

Firstname Lastname

Ну как понять все равно «там будет другой элемент» ))) Как он там будет и почему )

0

20.01.2021

Ivan 🧑‍🚀

и правда, не матерись

0

20.01.2021

Ivan 🧑‍🚀