Size: a a a

2020 May 11

🌀

🌀 maktarsis in React Kyiv
1) создай где-то в файловой системе enum
2) пробрось вниз по дереву компонентов функцию-колбек
3) подбери контекст в компоненте, где ты собираешься вызвать модальное окно
4) вызови с идентификатором определенного модального окна

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

🌀

🌀 maktarsis in React Kyiv
но вообще
суть этой обертки в том, что я подразумевал, что модалки очень похожи по своей структуре и месту отображения

если они сильно отличаются, тогда реализуй через React.Portal
источник

YO

Yevhenii Oliinyk in React Kyiv
Отличается все очень кардинально, но многие я просто упрощу до вызова только в нужном компоненте
источник

🌀

🌀 maktarsis in React Kyiv
Yevhenii Oliinyk
Отличается все очень кардинально, но многие я просто упрощу до вызова только в нужном компоненте
Отличается только тем, что теперь ты пробрасываешь вниз ref, и все
источник

🌀

🌀 maktarsis in React Kyiv
Ну смотри, выбирай решение, которое ближе к твоему уровню развития
потому что тебе это поддерживать, а не тем, кто дает тебе советы
источник

YO

Yevhenii Oliinyk in React Kyiv
Я стараюсь использовать популярные решения, поэтому очень вероятно перейду на порталы
источник
2020 May 12

VN

Vladimir Naumenko in React Kyiv
ребят а в Matherial UI есть такой компонент? я даже не знаю как загуглить правильно, помню в бутстрапе я такой видел точно
источник

A

Artem in React Kyiv
Vladimir Naumenko
ребят а в Matherial UI есть такой компонент? я даже не знаю как загуглить правильно, помню в бутстрапе я такой видел точно
tooltip
источник

[

[_ _]V[- -] in React Kyiv
Всем привет, что может послужить причиной постоянного вызова  экшина в этом случае?
источник

SS

Serhey Shmyg in React Kyiv
[_ _]V[- -]
Всем привет, что может послужить причиной постоянного вызова  экшина в этом случае?
Подвійний діспатч. В юзефекті не потрібно екшн врапати ще в один діспатч.
источник

[

[_ _]V[- -] in React Kyiv
Serhey Shmyg
Подвійний діспатч. В юзефекті не потрібно екшн врапати ще в один діспатч.
ти не запустиш екшн кіейтор по інакшому
источник

SS

Serhey Shmyg in React Kyiv
Не врапати потрібно а аргументом передавати.  Для цього існує useAction. Якому віддаєш свій екшн і він зробить врапер який переласть діспатч аргументом. Щоб можна було екшн викликати як звичайну функцію а не подвійну
источник

SS

Serhey Shmyg in React Kyiv
Або ж викликати руками так loadConcept()(dispatch)
источник

SS

Serhey Shmyg in React Kyiv
[_ _]V[- -]
ти не запустиш екшн кіейтор по інакшому
Це не екшн кріейтор. Це вже екшн. Кріейтор це той хто цей екшн створює
источник

[

[_ _]V[- -] in React Kyiv
Serhey Shmyg
Не врапати потрібно а аргументом передавати.  Для цього існує useAction. Якому віддаєш свій екшн і він зробить врапер який переласть діспатч аргументом. Щоб можна було екшн викликати як звичайну функцію а не подвійну
источник

[

[_ _]V[- -] in React Kyiv
Serhey Shmyg
Або ж викликати руками так loadConcept()(dispatch)
loadConcept()(dispatch) при такому виклику таксамо все зациклено
источник

SS

Serhey Shmyg in React Kyiv
источник

[

[_ _]V[- -] in React Kyiv
+ там в циклі добре видно що значення з редюсера постійно в стані undefined
источник

SS

Serhey Shmyg in React Kyiv
[_ _]V[- -]
loadConcept()(dispatch) при такому виклику таксамо все зациклено
Значить при кожному виклику в тебе компонент маунтиться знову. Певно якийсь тробер крутиться а потім знову маунт відбувається. Цього вже на скрінах не видно. Це так в теорії що можк бути не так
источник

[

[_ _]V[- -] in React Kyiv
Serhey Shmyg
Значить при кожному виклику в тебе компонент маунтиться знову. Певно якийсь тробер крутиться а потім знову маунт відбувається. Цього вже на скрінах не видно. Це так в теорії що можк бути не так
источник