Доброго времени суток, вопрос по типизации React. Как можно корректно типизировать

Question

Доброго времени суток, вопрос по типизации React. Как можно корректно типизировать

компонент, который принимает через пропсы другой компонент, пропсы этого другого компонента и некоторое кол-во дополнительных пропсов?
https://codesandbox.io/s/loving-wing-n5vg7z?file=/src/App.tsx

#programming #russian #typescript

0

07.06.2022

5 ответов

21 просмотр

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

Хотелось бы, чтобы Component, который передается в пропсах был через дженерик, чтобы можно было передавать в "Обертку" разные компоненты. Обрисовал кейс в общих чертах в сандбоксе. Сори, что сразу более подробно не описал.

0

07.06.2022

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

Alexandr
Хотелось бы, чтобы Component, который передается в...

Чтобы внести ещё больше конкретики - хочу реализовать "обертку", которая будет коннектить Formik к полю (хотя это уже наверно не относится к тс и лишние подробности). Что-то типа const Component = (props) => { const { Component, ...otherProps } = props; const [fieldProps] = useField(otherProps.name); return <Component {...otherProps} {...fieldProps} /> };

0

07.06.2022

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

Alexandr
Чтобы внести ещё больше конкретики - хочу реализов...

Понятно, что там ещё типизацию надо будет доделывать, но думаю, что с этим проблем не будет, затык возник там, где описал.

0

07.06.2022

(づ｡◕‿‿◕｡)づ

Alexandr
Чтобы внести ещё больше конкретики - хочу реализов...

компонент это статическая информация, его не нужно пробрасывать пропсами. вам нужен HOC. типизируется даже так плохо. google по запросу typescript hoc подскажет

0

07.06.2022

krau5 · Accepted Answer

krau5

type Props = { component: React.FunctionComponent<ComponentProps & AdditionalProps> } Но, в таком случае, у компонента должен быть тот же тип ( React.FunctionComponent<ComponentProps & AdditionalProps> )

0

07.06.2022

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

Доброго времени суток, вопрос по типизации React. Как можно корректно типизировать

5 ответов

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