Телеграмм чат группы effector

Size: a a a

☄️ effector

2020 August 04

PropsWithChildren

я про то, что

const MyComp = <T>({ ... }: Props<T>) => {
  ...
}

успешно взорвется, считая что <T> - это жсх тег

а в случае

function MyComp<T>({ ... }: Props<T>){
  ...
}

все успешно заинферрится и проинтерпретируется

источник

14:49пожаловаться #1

Andrey in ☄️ effector

Первый 🦄 Император

PropsWithChildren

или ты про то, что там children из коробки в тайпингах пропов будет? 😬

источник

14:52пожаловаться #2

makoven in ☄️ effector

Dmitriy Shuleshov

И какие из этих полей ты используешь?

источник

14:53пожаловаться #3

Первый 🦄 Император... in ☄️ effector

Andrey

или ты про то, что там children из коробки в тайпингах пропов будет? 😬

ага

источник

14:53пожаловаться #4

Andrey in ☄️ effector

Первый 🦄 Император

ага

а, соре

(справедливости ради, редко юзаю этот проп)

источник

14:53пожаловаться #5

makoven in ☄️ effector

Первый 🦄 Император

ага

Чилдрен желательно типизировать руками. Он ведь тоже часть интерфейса компонента

источник

14:55пожаловаться #6

Dmitriy Shuleshov in ☄️ effector

makoven

И какие из этих полей ты используешь?

PropsWithChildren

источник

14:55пожаловаться #7

Первый 🦄 Император... in ☄️ effector

Andrey

я про то, что

const MyComp = <T>({ ... }: Props<T>) => {
  ...
}

успешно взорвется, считая что <T> - это жсх тег

а в случае

function MyComp<T>({ ... }: Props<T>){
  ...
}

все успешно заинферрится и проинтерпретируется

а в чём суть дженерика для компонента?

источник

14:56пожаловаться #8

makoven in ☄️ effector

Dmitriy Shuleshov

PropsWithChildren

В интерфейсе Props прописываешь поле children с нужным тебе типом

источник

14:56пожаловаться #9

Первый 🦄 Император... in ☄️ effector

makoven

В интерфейсе Props прописываешь поле children с нужным тебе типом

зачем?

источник

14:56пожаловаться #10

Andrey in ☄️ effector

Первый 🦄 Император

а в чём суть дженерика для компонента?

https://t.me/effector_ru/150645

Andrey in ☄️ effector

я думаю, скорее так)

источник

14:56пожаловаться #11

makoven in ☄️ effector

Первый 🦄 Император

зачем?

Затем, что он может быть числом или хитрой функцией, например

источник

14:57пожаловаться #12

Первый 🦄 Император... in ☄️ effector

Andrey

https://t.me/effector_ru/150645

Andrey in ☄️ effector

я думаю, скорее так)

а, ок.в этом кейсе оправдано

источник

14:58пожаловаться #13

Первый 🦄 Император... in ☄️ effector

makoven

Затем, что он может быть числом или хитрой функцией, например

MyComp' cannot be used as a JSX component.
  Its return type 'number' is not a valid JSX element

источник

14:58пожаловаться #14

makoven in ☄️ effector

Первый 🦄 Император

MyComp' cannot be used as a JSX component.
  Its return type 'number' is not a valid JSX element

Чилдрен это просто проп. Как его пользовать решаешь ты сам. Поэтому children часть api твоего компонента

источник

15:00пожаловаться #15

Andrey in ☄️ effector

makoven

Чилдрен это просто проп. Как его пользовать решаешь ты сам. Поэтому children часть api твоего компонента

справедливо, настолько же, насколько часто это поле имеет тип React.ReactNode 😬
(оба поинта валидны, как обычно ит депендс он сичуэйшон)

источник

15:05пожаловаться #16

Первый 🦄 Император... in ☄️ effector

makoven

Чилдрен это просто проп. Как его пользовать решаешь ты сам. Поэтому children часть api твоего компонента

ага, вот я описал children как string[]

источник

15:07пожаловаться #17

Andrey in ☄️ effector

Первый 🦄 Император

ага, вот я описал children как string[]

так и в компоненте, эти чилдрены должны соответствующе юзаться

источник

15:07пожаловаться #18

Andrey in ☄️ effector

как пример из апи эффектора
createStoreConsumer - создает компонент, у которого чилдрены - рендер функция

источник

15:08пожаловаться #19

Rafael 🦠 in ☄️ effector

@ZeroBias при использовании index/init/state, сколько раз во всем проекте может быть заимпорчен один и тот же init?

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

источник

15:33пожаловаться #20