попап в отдельный компонент, максимально тупой, который порталится в конец боди, из родителя управляется и передаются пропсы, все

Ещё может быть такой кейс, что первый попап закрывается, открывается второй, но при закрытии второго опять открывается первый с данными, которые там были

Я создавал HOC и в негу кидал компаненты и названия класса

И это тоже обязательно нужно учесть

Ну с таким открытием проблем нет, храним в массиве открытые попапы с их данными

хранить в родителе ?

какие массивы, выше уже сказали, что просто сверху попапами рулишь как хочешь

главное не велосипедить, что в итоге обернется болью)

Состояние?

ну да, каждый попап - тупой компонент, который рендерит и принимает пропсы, вся логика в целевом компоненте, который и является родителем

Не уверен, что это хорошо масштабируется, когда в попапах много логики

если много логики - выносить в отдельный компонент, который так же принимает пропсы, но и при этом может иметь локальное состояние

И это единственно верное решение)

Сорри за некропостинг

Есть пока такие наброски:

Есть максимально глупый компонент попапа, который рендерит шаблон (просто фиксированная белая карточка поверх экрана и кнопку закрытия с прокинутым экшеном на закрытие) и принимает children – уже контент попапа.

children – это будет уже контент попапа + логика. Сам компонент children сможет либо дёргать стор на нужные данные, либо получать через пропсы эти самые данные.

И вот дальше я немного в ступоре, как более грамотно реализовать "общие" и "уникальные", как их правильней будет открывать – через редакс или вставлять через портал.
Если через портал, то может отпасть логика с очередью попапов. Из уникального попапа (который к примеру принадлежит профилю пользователя) будет открываться "общий" попап (к примеру тарифы или что нить такое). И как тогда реализовывать это через порталы?

Если через редакс, то тогда должен быть общий файл, в котором вызываются нужные попапы, но только по условию, примерный код:

{activePopup === 'A' && <A />}
{activePopup === 'B' && <B />}

Но мне кажется это странным

switch/case вместо условного рендеринга?

а если сделать провайдер и через него прокидывать пермишны как тут - https://github.com/Blevs/react-permissions/tree/lesson

const content = "Hello please help me.Would be very helpfull!";

const findToDot = content.split(".")[0];
console.log(findToDot);

Как тут можно findToDot точку тоже console log сделать

Использую useautocomplete

Но handleSubmit1 не обрабатывается.  Почему?