Всем привет, нужна помощь. Есть компонент FileButton и я не

Question

Всем привет, нужна помощь. Есть компонент FileButton и я не

могу решить проблему на уровнее типизации, а именно в передаче файлов в функцию onChange при multiple true/false. Ошибка такая - что ts не может понять какие файлы ему стоит ожидать (скрин)

interface FileButtonProps<T extends boolean | undefined> {
multiple?: T
onChange: (data: T extends true ? File[] : File | null) => void
}

const FileButton = <T extends boolean | undefined = false>({
multiple,
onChange,
}: FileButtonProps<T>) => {
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
const files = event.target.files

if (!files) return onChange(null)

if (multiple) {
onChange(Array.from(files))
} else {
onChange(files[0])
}
}

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

0

17.11.2023

1 ответов

26 просмотров

Firstname Lastname · Accepted Answer

Firstname Lastname

Лучше в onChange передавать union так же, как это сделано нативно. Сомневаюсь, что типами это получится решить. Дженерики — не панацея.

0

17.11.2023

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

Всем привет, нужна помощь. Есть компонент FileButton и я не

1 ответов

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