Всем приветы Компонент, который принимает в себя массив элементов типа ``` interface IProps{

Question

Всем приветы Компонент, который принимает в себя массив элементов типа ``` interface IProps{

title: string;
icon?: JSX.Element;
onClick: () => void;
}
```
Внутри компонента массив мапится
Есть функция обработки клика по элементу, которая принимает в себя onClick от IProps

```
const handleOnClick = (callback: typeof elements[number]["onClick"]): void => { callback();
....some code;};
```

мне не нравится конструкция elements[number]["onClick"]а точнее ["onClick"]
Хотелось бы что-то в стиле elements[number].onClick, но так нельзя
может есть какие-то элегантные варианты?

#programming #russian #typescript

0

30.08.2023

7 ответов

19 просмотров

olkivan

вынести ()=>void в отдельный тип (CallbackType, например) и юзать его и в IProps и для объявления callback аргумента?

0

30.08.2023

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

olkivan
вынести ()=>void в отдельный тип (CallbackType, на...

Будто избыточно

0

30.08.2023

olkivan

Orekhov
Будто избыточно

наоборот дефолт,заодно уйдут эти тайпофы

0

30.08.2023

Лёша Рубцов

olkivan
наоборот дефолт,заодно уйдут эти тайпофы

с тем же успехом можно обратиться к интерфейсу, а не к тайпофу объекта IProps['onClick']

0

31.08.2023

olkivan

Лёша Рубцов
с тем же успехом можно обратиться к интерфейсу, а ...

можно, но зачем?

0

31.08.2023

Лёша Рубцов

если нужно избавиться только от квадратных скобок, то вынеси их в глобальный вспомогательный тип declare global { type ValueOf<T> = T[keyof T]; } const handleOnClick = (callback: ValueOf<Pick<typeof elements[number], 'onClick'>>): void => { callback(); //....some code; }; , но зачем?😅

0

31.08.2023

Евгений · Accepted Answer

Евгений

можешь вынести в отдельный тип эту конструкцию если не хочешь её там видеть

0

30.08.2023

169 похожих чатов

Всем приветы Компонент, который принимает в себя массив элементов типа ``` interface IProps{

7 ответов

Похожие вопросы