Andrey
Подскажте, плз, есть модалка, скрытая в top -9999px, по собитию whell она тоглится, в top 0, cобытие вызывается от window, через CdM, страница у меня одна, но есть другие модалки и при их открытии событие тоже срабатывает, как дать понять компоменту, что нужно такое собитие вызывать только в одном месте?
from
Подскажте, плз, есть модалка, скрытая в top -9999px, по собитию whell она тоглится, в top 0, cобытие вызывается от window, через CdM, страница у меня одна, но есть другие модалки и при их открытии событие тоже срабатывает, как дать понять компоменту, что нужно такое собитие вызывать только в одном месте?
> модалка, скрытая в top -9999px
😞
Sergey
Подскажте, плз, есть модалка, скрытая в top -9999px, по собитию whell она тоглится, в top 0, cобытие вызывается от window, через CdM, страница у меня одна, но есть другие модалки и при их открытии событие тоже срабатывает, как дать понять компоменту, что нужно такое собитие вызывать только в одном месте?
ух максимально хреново сделанные модалки
Volodymyr
Andrey
просто не хочется, в каждом компоненте диспатчится, а указать в рутовом, что только здесь нужно вызывать
from
Подскажте, плз, есть модалка, скрытая в top -9999px, по собитию whell она тоглится, в top 0, cобытие вызывается от window, через CdM, страница у меня одна, но есть другие модалки и при их открытии событие тоже срабатывает, как дать понять компоменту, что нужно такое собитие вызывать только в одном месте?
че за событие-то? Опечатки исправь :/
from
wheel что ли
Sergey
Sergey
рутовый компонент начинает знать о реализации вложенных компонентов
хуже сложно придумать
Sergey
привет ребят,
есть вопрос по howtocards
из коробки при npm start получаю ошибку
[HPM] Error occurred while trying to proxy request /api/cards/ from localhost:3000 to http://localhost:9000/ (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)пробовал менять оргинальный прокси конфиг на:
proxy: {
...proxy,
"/api": "http://localhost:9000/",
secure: false,
changeOrigin: true,
headers: {
Connection: 'keep-alive',
},
},и
proxy: {
...proxy,
"/api": "http://[::1]:9000/",
},
не помогло,
кто-нибудь сталикивался с подобным?
запускаю на osx10
Bogdan
yup вроде несложный, почитай документацию и всё поймёшь скорее всего)
мне не нравится, что он одну ошибк выводит, а не все
Volodymyr
Либо 1 диспатч с пробросом имени, какую именно модалку сейчас показать
Китикет
А смысл вообще держать модалки в руте? Просто через порталы их открывать там, а реализация в компоненте, или я не понял в чем проблема конкретно)
Cenator 🐈
мне не нравится, что он одну ошибк выводит, а не все
Формик умеет вместе с ним выводить все ошибки
Andrey
А смысл вообще держать модалки в руте? Просто через порталы их открывать там, а реализация в компоненте, или я не понял в чем проблема конкретно)
модалки это все отдельные компоненты, по клику они вызываются или налл отдают
Sergey
что за дикое усложнение
Denis
Формик умеет вместе с ним выводить все ошибки
А к формику можно прикрутить кастомную валидация через регулярку?
Sergey
А к формику можно прикрутить кастомную валидация через регулярку?
а может документацию открыть?
Sergey
а как проще?
сделать компонент Modal
который будет через портал втыкать свое содержимое в рут
и использовать Modal ровно там где нужно
а не в рут
Китикет
А к формику можно прикрутить кастомную валидация через регулярку?
В схеме Yup можно, а "к формику" - это уже подразумевается твой собственный код
Volodymyr
да пофигу
а ты типо предлогаешь просто 1 компонент подалки но через разные кшены показывать разное вью ?
Sergey
Sergey
я предлагаю вставить Modal в страницу там, где нужна модалка
Sergey
ну тогл, это экшен
const MyPage = () => {
return (
<div>
{isModalOpened && <Modal>MyContentHere</Modal>}
</div>
)
}
Sergey
всё
Volodymyr
const MyPage = () => {
return (
<div>
{isModalOpened && <Modal>MyContentHere</Modal>}
</div>
)
}
ну да, блин не так понял меня
Andrey
так и есть
Sergey
если можно не делать так, а сделать проще и чище код
Andrey
тогда зачем рут?
ну там основная страница, а модалки могут друг из друга открывать и закрывать себя же
Volodymyr
Модалки друг из друга открываться.....
Китикет
не вижу в этом проблемы
Sergey
ну там основная страница, а модалки могут друг из друга открывать и закрывать себя же
может в следующий раз нужно описывать задачу с требований?
Volodymyr
Винду пилишь что ли?
Sergey
обычно подразумевается, что больше одной модалки на экране быть не может
Sergey
это же модалка
Andrey
ну заказчик мне диктует условия
Китикет
Модалки, кстати, вроде как можно и друг в друга вставлять прямо внутри, но в любом случае, это извращение
Volodymyr
Хочу мышью открывать окна, и закрывать )
Китикет
Еще dnd туда добавить и будет зашибись прямо)
Eugene
Но может быть 3 разных модалки 🤔
Sergey
чтобы понять что от тебя хочет заказчик
Bogdan
yup что ли с формиком работать должен?
Sergey
и какие окна он хочет
Volodymyr
ну заказчик мне диктует условия
отговри его, обьясни UI неконсистентность, из модалки модалку вызвать. Ты ведь дев, аргументируй что это не консистентный подход
Китикет
yup что ли с формиком работать должен?
Не, он ничего не должен, просто у формика есть возможность делать валидацию по схеме Yup прямо из коробки)
Sergey
и почему у фронтендеров опять нет своего мнения и понимания что такое UX
и почему модалки одна на другой это говнорешение и лучше объяснить заказчику как сделать правильнее и удобнее
и что это за заказ такой без нормального дизайнера
Volodymyr
Выше тоже самое написал )
Bogdan
Не, он ничего не должен, просто у формика есть возможность делать валидацию по схеме Yup прямо из коробки)
я вот сделал мини схему юп не выводит все ошибки, он выводит последнюю только
Andrey
а мы мысли читать должны?
ну суть моего вопроса, только как определить, что данную модалку можно открыть только в одном компоненте, по собитию wheel, на чистом бы просто класс указал класс, как идентификатор и по нему уже отдавал, ну здесь страница одна и никакой перезагрузки
Sergey
я вот сделал мини схему юп не выводит все ошибки, он выводит последнюю только
как ты выводишь ошибки