Всем привет. Пишу свой Select-компонент с использованием TS. Столкнулся с тем,

Question

Всем привет. Пишу свой Select-компонент с использованием TS. Столкнулся с тем,

что в ChangeEvent<HTMLSelectElement> поле event.target.value: string, а мне хотелось бы привязать его к дженерику компонента.
... event.target.value as T естественно к самому типу дженерика по факту не приводит.

Возможно я упускаю очевидный момент, что без явного каста в коде тут не обойтись, и дело тут не в TS. Кто-нибудь решал такую проблему уже?

#frontend #javascript #programming #react.js #russian

0

09.09.2023

5 ответов

12 просмотров

ПРАВОСЛАВНЫЕ ЗНАКОМСТВА / РЕКЛАМА ЧАТОВ

interface SelectProps<T> { options: T[]; value: T; onChange: (event: React.ChangeEvent<{ value: T }>) => void; } function Select<T>(props: SelectProps<T>) { const { options, value, onChange } = props; return ( <select value={value} onChange={onChange}> {options.map((option) => ( <option key={option} value={option}> {option} </option> ))} </select> ); }

0

09.09.2023

Павел Бобров Автор вопроса

Sergey Grishchenko
currentTarget, а не target

Тоже тип string

0

09.09.2023

ПРАВОСЛАВНЫЕ ЗНАКОМСТВА / РЕКЛАМА ЧАТОВ

Павел Бобров
Тоже тип string

помогло ??

0

09.09.2023