У меня есть приложение, которое позволяет мне добавлять и удалять сообщения. Для этих действий я использую модальную систему, созданную с помощью React API Context.
например. setModalContent (<span> Modal content </span>)
В модальное окно я передаю методы, которые позволяют удалять, добавлять и управлять состоянием входов. Когда действие выполняется, модальное окно должно быть закрыто, а также должен быть выполнен refetch().
У меня есть три вопроса относительно этой системы:
1. - Контекст - лучший подход сделать модалы? Поскольку библиотеки, подобные Ant Design, используют другой подход.
2. - Когда я пытаюсь управлять состояниями ввода, я не могу получить доступ к этим состояниям. Я могу это сделать, если создам компонент <Form /> и буду управлять состоянием внутри этого компонента.
3. - У меня есть предупреждение использовать refetch() внутри формы. Как я могу это решить?
Warning: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application.
Ссылка на Codesandbox
Заранее спасибо!