Хэллоу. Подскажите, пожалуйста, возможно ли в реакте в самом HOCе

Question

Хэллоу. Подскажите, пожалуйста, возможно ли в реакте в самом HOCе

обозначить типы для ChildComponent, чтобы он, будучи подключенным в каком-нибудь layout, уже знал, что, допустим, есть this.props.fetchData?

#programming #russian #typescript

0

27.12.2020

14 ответов

18 просмотров

Не Гена 🐊 На Автор вопроса

Сам хок я типизировал. Осталось прокинуть в чайлд

0

27.12.2020

Тимофей 🛴

Что прокинуть, конкретнее вопросы задавай, показывай код

0

27.12.2020

Не Гена 🐊 На Автор вопроса

Ну вот смотри. Есть dummy-component без логики. Есть HOC, который оборачивается вокруг этого dummy-компонента и подключаются в layout. Так вот данные, которые приходят, я типизировал от самого api до HOCа, осталось спустить типы, нужные для dummy-компонента, в этот самый dummy-компонент. Вот сам HOC: https://hastebin.com/iwetajihiv.tsx Вот child (aka dummy): https://hastebin.com/etefadeqas.tsx Это layout, в котором я подключаю: https://hastebin.com/rucajomuhi.tsx Собственно, все рекомендуют вручную каждый раз описывать типы для пропов и экспортировать из HOCа, чтобы подключить в ChildComponent, но это не выглядит элегантно. Даже ужасно. В идеале, хочется, чтобы каждый раз типы автоматом проскакивали в Child

0

27.12.2020

Тимофей 🛴

Автоматом ничего не проскочит. У тебя компонент и без хока должен знать что в него придет, это же его внутренняя логика

0

27.12.2020

Не Гена 🐊 На Автор вопроса

Но не знает. Значит, я что-то делаю не так. Правильно?

0

27.12.2020

Тимофей 🛴

Да нужно ему типы экспортить из хока или дублировать

0

27.12.2020

Не Гена 🐊 На Автор вопроса

Так значит всё так делаю? Я как раз об этом и говорю просто

0

27.12.2020

Тимофей 🛴

Да, нужно делать как рекомендуют, а не так как тебе хочется в идеале. А еще это не Child а Wrapped или Enhanced

0

27.12.2020

Не Гена 🐊 На Автор вопроса

Это wrapped child. С точки зрения HOC - это child. Естественно, подразумевается не props.child. Рекомендуют хардкодить, а хочется по одному разу указать типы для более очевидного рефакторинга и понимания кода в целом (:

0

27.12.2020

Тимофей 🛴

Child вполне однозначный термин, ты что то путаешь. Тип указываешь 1 раз и юзаешь его в двух местах, и будет все ок

0

27.12.2020

Не Гена 🐊 На Автор вопроса

Понял. Благодарю за ответ (:

0

27.12.2020

Не Гена 🐊 На Автор вопроса