немного кода как я хочу инкапсулировать.
@ 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 => ( ... )
ааа, вопрос, как сделать правильно такую штуку ?
1. вынести можно названия модалок в константы 2. апи на строках и модалки, как было в проекте в прошлой конторе говнищем оказались
Обсуждают сегодня