Как использовать дженерик для компонента React со значением по умолчанию? На

Question

TypeScript

Khazif

Как использовать дженерик для компонента React со значением по умолчанию? На

скриншоте VS Code ругается:
"Parsing error: Identifier expected."

#programming #russian #typescript

0

27.04.2022

11 ответов

42 просмотра

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

SirOrange
<T extends object>. иначе у тебя действительно буд...

Если сделать через обычную функцию, то не ругается. Но там уже React не даёт компонент создать

0

27.04.2022

SirOrange

Khazif
Если сделать через обычную функцию, то не ругается...

interface Props<T> { a: T; } const Component = <T extends {}>(props: Props<T>) => { return <div>{props.a}</div>; }; function App() { return <Component a="testing" />; } const rootElement = document.getElementById("root"); render(<App />, rootElement);

0

27.04.2022

Sergei Kniλzev

Khazif
Если сделать через обычную функцию, то не ругается...

Оно и так и так должно работать. Почему React не даёт создать компонент?

0

27.04.2022

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

Sergei Kniλzev
Оно и так и так должно работать. Почему React не д...

Вернее, не он, а ESLint ругается. Как и дока

0

27.04.2022

SirOrange

Khazif
Вернее, не он, а ESLint ругается. Как и дока

ну так ты ж сам указал undefined

0

27.04.2022

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

SirOrange
interface Props<T> { a: T; } const Component = ...

Спасибо! Нужен именно undefined, но это хотя бы работает)

0

27.04.2022

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

SirOrange
ну так ты ж сам указал undefined

Нет. Ругается на запись компонента не через стрелочную функцию. С undefined всё прекрасно работает и даже VSCode не ругается, если использовать обычную функцию, а не стрелочную

0

27.04.2022

Sergei Kniλzev

А со стрелочной функцией код компилируется? Там не должен требоваться этот экстенд вовсе: https://www.typescriptlang.org/play?target=99#code/JYOwLgpgTgZghgYwgAgApQPYAcDOAeAFWQF5kBXEAEwhlAkoD5kBvAKGQ+UhzAC5keUUAHNWAX1asEGED2QBhDAFssMiOBLJCmitVoh6DABRZMufumz4CDAJQkmbTsnFA

0

27.04.2022

Sergei Kniλzev

Sergei Kniλzev
А со стрелочной функцией код компилируется? Там не...

Да, но в плейграунде с тем же движком (и у меня локально) такой проблемы нет

0

27.04.2022

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

Sergei Kniλzev
Да, но в плейграунде с тем же движком (и у меня ло...

Интересно. Благодарю ещё раз, покопаю

0

27.04.2022