Е
у меня есть идея, и я хочу ее реализовать
Size: a a a
2020 July 31
DZ
Это просто не самое лучшее апи, оно больше сложностей создаст чем решит проблем
Е
идея это не проблема, мне просто интересно можно ли реализовать "правильно" такой кейс.
DZ
Если шоу это ивент, то с таким апи сложно правильно сделать
Е
Для примеру объясню может, у меня форма авторизации, и она в модальном окне, я могу подключить к header, где кнопка, и создать хук который будет открывать, вроде нету проблем, не правда ли ?
а если еще есть страница, в которой есть кнопка, которая вызывает тоже модальное окно, как быть ?
а если еще есть страница, в которой есть кнопка, которая вызывает тоже модальное окно, как быть ?
🦜
Для примеру объясню может, у меня форма авторизации, и она в модальном окне, я могу подключить к header, где кнопка, и создать хук который будет открывать, вроде нету проблем, не правда ли ?
а если еще есть страница, в которой есть кнопка, которая вызывает тоже модальное окно, как быть ?
а если еще есть страница, в которой есть кнопка, которая вызывает тоже модальное окно, как быть ?
ммм, в модалочке целая страница для авторизации
🦜
кто такой дизайн придумал?
Е
нормальная практика входа, и авторизации + авторизация может быть разной
🦜
нет
🦜
не нормальная)
Е
обьясни
DZ
вот ___________
Хочу сделать модальное окно, в пример я напишу ниже немного кода как я хочу инкапсулировать.
@ Header.tsx
import { show } from 'modal'
<Button onClick={ show('MODAL-AUTH') } > Открыть </ Button>
@ Auth.tsx
import { hide } from 'modal'
import { Modal } from './ui/modal'
<Modal use='MODAL-AUTH'>
<Close onClick={ hide('MODAL-AUTH') } />
</Modal>
идея в чем, чтобы я мог гибко управлять модальными окнами с любого места ( show / hide ), не писавши дополнительную логику к примеру
const [show, hide] = useModal => ( ... )
Хочу сделать модальное окно, в пример я напишу ниже немного кода как я хочу инкапсулировать.
@ Header.tsx
import { show } from 'modal'
<Button onClick={ show('MODAL-AUTH') } > Открыть </ Button>
@ Auth.tsx
import { hide } from 'modal'
import { Modal } from './ui/modal'
<Modal use='MODAL-AUTH'>
<Close onClick={ hide('MODAL-AUTH') } />
</Modal>
идея в чем, чтобы я мог гибко управлять модальными окнами с любого места ( show / hide ), не писавши дополнительную логику к примеру
const [show, hide] = useModal => ( ... )
Тебе прийдется в тесте с модалками постоянно резетить стейт открытых модалок
DZ
Тебе надо менеджить что бы ключи не пересекались
BA
вот ___________
Хочу сделать модальное окно, в пример я напишу ниже немного кода как я хочу инкапсулировать.
@ Header.tsx
import { show } from 'modal'
<Button onClick={ show('MODAL-AUTH') } > Открыть </ Button>
@ Auth.tsx
import { hide } from 'modal'
import { Modal } from './ui/modal'
<Modal use='MODAL-AUTH'>
<Close onClick={ hide('MODAL-AUTH') } />
</Modal>
идея в чем, чтобы я мог гибко управлять модальными окнами с любого места ( show / hide ), не писавши дополнительную логику к примеру
const [show, hide] = useModal => ( ... )
Хочу сделать модальное окно, в пример я напишу ниже немного кода как я хочу инкапсулировать.
@ Header.tsx
import { show } from 'modal'
<Button onClick={ show('MODAL-AUTH') } > Открыть </ Button>
@ Auth.tsx
import { hide } from 'modal'
import { Modal } from './ui/modal'
<Modal use='MODAL-AUTH'>
<Close onClick={ hide('MODAL-AUTH') } />
</Modal>
идея в чем, чтобы я мог гибко управлять модальными окнами с любого места ( show / hide ), не писавши дополнительную логику к примеру
const [show, hide] = useModal => ( ... )
да, с id нормально, только id передать
Е
Тебе надо менеджить что бы ключи не пересекались
ключом будет 'AUTH-MODAL' для примеру, они не будут пересекаться
DZ
ключом будет 'AUTH-MODAL' для примеру, они не будут пересекаться
Как ты это гарантируешь?
DZ
если у тебя 1 такой кейс, то начерта вообще все эти заморочки с либсами
Е
почему такой кейс сделал много проблем ?
DZ
Тебе прийдется в тесте с модалками постоянно резетить стейт открытых модалок
^
OR
маловато как-то.