Телеграмм чат группы reactkyiv страница 2922

Oruj Tatiyev

специалисты, чет пропсы сюда не садятся. в функцию withStateAllProducts

у тебе у WithStateAllProducts має бути <Wrapped {...props} />

У тебе зліва направо флоу так як це композиція хоків

12:16пожаловаться #1

N

https://codesandbox.io/s/react-example-dkdtq

CodeSandbox

React example - CodeSandbox

The online code editor tailored for web applications

12:17пожаловаться #2

OT

Oruj Tatiyev in React Kyiv

ребят я начну сначала, уж извините за офтоп
вот выделил код, который повторяется в нескольких компонентах. хочу его вынести в HOC вместе с логикой compose. и оставить только отдельные функции-вьюшки для рендера

12:28пожаловаться #3

N

покажи withContextAPi

12:30пожаловаться #4

OT

Oruj Tatiyev in React Kyiv

Nazar

покажи withContextAPi

вот, уже чувствуется вопрос специалиста

12:31пожаловаться #5

N

ну все ок, тільки ти в кожному хоку маєш вертати <Wrapped {...props} /> якщо в тебе їх нема, значить ти їх не прокинув і звісно порядок хоків має значення

12:36пожаловаться #6

OT

Oruj Tatiyev in React Kyiv

я не могу перекинуть логику в хок)
слишком запутанно для меня

12:51пожаловаться #7

OT

Oruj Tatiyev in React Kyiv

ща скину как хочу написать

12:52пожаловаться #8

OT

Oruj Tatiyev in React Kyiv

Cannot access 'ApiConsumer' before initialization

13:04пожаловаться #9

N

const withStateAllProducts це у тебе хок і тому він повинен бути аргументом у compose. Тобто:

export default compose(
  connect(...),
  withStateAllProducts,
  withContextApi
)

це уже я поправив порядок хоків, так як тобі у withStateAllProducts уже треба екшн ge

tAllProducts

І не зовсім ясно що ти цим хоком робиш окрім сайд ефекта в cDM. Якщо тобі просто трігнути АПІ

13:19пожаловаться #10

B

С классовыми компонентами возможен такой паттерн как Inheritance Inversion. С его помощью я могу получить доступ к инстансу любого библиотечного классового компонента. А как это делать с функциональными компонентами и хуками? Как мне получить доступ к хукам?

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

AR

Alexey Raspopov in React Kyiv

Bogdan

С классовыми компонентами возможен такой паттерн как Inheritance Inversion. С его помощью я могу получить доступ к инстансу любого библиотечного классового компонента. А как это делать с функциональными компонентами и хуками? Как мне получить доступ к хукам?

Что ты имеешь в виду под “получить доступ к хукам”?

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

B

Alexey Raspopov

Что ты имеешь в виду под “получить доступ к хукам”?

например вызвать конкретный сетстейт у комопонента из MUI

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

AR

Alexey Raspopov in React Kyiv

Это деталь его имплементации, у тебя не может быть к этому доступа. У компонента есть паблик апи — пропсы

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

B

Alexey Raspopov

Это деталь его имплементации, у тебя не может быть к этому доступа. У компонента есть паблик апи — пропсы

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

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

AR

Alexey Raspopov in React Kyiv

В доке реакта было предупреждение по поводу наследования. Предпочтительнее использовать композицию

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

B

Какое предупреждение? Там было написано, что у фесбука нету кейсов для наследования. Вот у меня есть

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

UU

Untitled Unsigned in React Kyiv

опять ООПшники понаехали со своим инхеритансом, недавно в кодовой базе видал как джависты напедалили ваших наследований от каждого вздоха, аж перекрестился три раза

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

AK

Andrey Katrusha in React Kyiv

Untitled Unsigned

опять ООПшники понаехали со своим инхеритансом, недавно в кодовой базе видал как джависты напедалили ваших наследований от каждого вздоха, аж перекрестился три раза

главное чтобі було

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

B

Untitled Unsigned

опять ООПшники понаехали со своим инхеритансом, недавно в кодовой базе видал как джависты напедалили ваших наследований от каждого вздоха, аж перекрестился три раза

А почему нет? Мне нужно сделать муишный компонент controlled. И сейчас нет другого способа кроме создания pr