Как лучше использовать компоненты типа Modal или Toast?

|
viktooor7 2022-06-25 21:39:09
Да
cobol_m 2022-06-25 21:39:24
Благодарю
2022-06-25 21:43:54
react_js-1480679.jpg
всем привет. может быть кто то из вас знает как ограничить движение абсолютного дива?
на типа max-top 0 понятное дело нет такого. этот код не работает. только двигает див
ivanchai6iv 2022-06-25 21:48:20
2022-06-25 21:43:54
всем привет. может быть кто то из вас знает как ограничить движение абсолютного дива?
на типа max-top 0 понятное дело нет такого. этот код не работает. только двигает див

@js_ru

2022-06-25 21:48:55
ivanchai6iv 2022-06-25 21:48:20
@js_ru

пасиб

Viktor_Rattlehead 2022-06-25 22:12:20
Добрый день, я пишу на солиде, но вопрос неспецифичный.

Как лучше использовать компоненты типа Modal или Toast? Просто встраивать их в дерево и оборачивать в if, или же использовать императивные обертки типа showModal, addToast?

Viktor_Rattlehead 2022-06-25 22:12:47
Я склоняюсь ко второму, но как-то подозрительно такой подход выглядит. Может, есть подводные камни?
Bogdan_Bida 2022-06-25 22:16:00
Viktor_Rattlehead 2022-06-25 22:12:47
Я склоняюсь ко второму, но как-то подозрительно такой подход выглядит. Может, есть подводные камни?

В каком нарушении подозреваешь?

Bogdan_Bida 2022-06-25 22:16:20
Viktor_Rattlehead 2022-06-25 22:12:20
Добрый день, я пишу на солиде, но вопрос неспецифичный.

Как лучше использовать компоненты типа Modal или Toast? Просто встраивать их в дерево и оборачивать в if, или же использовать императивные обертки типа showModal, addToast?

И с чего это императивное?

Viktor_Rattlehead 2022-06-25 22:17:05
Bogdan_Bida 2022-06-25 22:16:20
И с чего это императивное?

А какое? Это простая функция, которую можно вызывать из императивного кода

Bogdan_Bida 2022-06-25 22:17:52
Viktor_Rattlehead 2022-06-25 22:17:05
А какое? Это простая функция, которую можно вызывать из императивного кода

Если что можно просто взять и вызвать — это декларатив

Viktor_Rattlehead 2022-06-25 22:22:07
Bogdan_Bida 2022-06-25 22:17:52
Если что можно просто взять и вызвать — это декларатив

Декларативный код написан на языке с ограничениями, что позволяет упростить анализ и поднять уровень абстракции. Такое мое понимание. Jsx не очень подходит, конечно, но шаблоны angular/Vue/svelte — вполне.
Рекомендую прочитать эту статью
https://apps.hyoo.ru/#!app=habhub/uri=https://habhub.hyoo.ru/#!mol_lights=false/author=nin-jin/repo=HabHub/article=45

Viktor_Rattlehead 2022-06-25 22:22:27
Вообще, меня интересует опыт людей, у кого как это сделано
feel1kpear 2022-06-25 22:47:25
react_js-1480690.jpg
привет, ребят , у меня такая проблемка что я при рендере react страницы делаю fetch запрос для получения статей по своему api, и при нажатии кпопки хочу сделать другой запрос и зарендерить новые данные на страницу. В коде происходит что то такое
feel1kpear 2022-06-25 22:48:16
нужно как то вызвать евент для обновления страницы и выполнения нового запроса fetch
feel1kpear 2022-06-25 22:48:38
react_js-1480692.jpg
вот такое код на странице с новостями
aleksssandro 2022-06-25 22:57:22
feel1kpear 2022-06-25 22:48:38
вот такое код на странице с новостями

ну я так понял ты хочешь при клике на тег загружать новые данные, можешь попробовать добавить clickTags в масив зависимостей для useEffectа

User User 2022-06-25 23:14:47
<div class=»task_wrapper» onclick={(e)=>check(e)}>
<div class=»text»>2
<div class=»delete»>
<svg></svg>
</div>
</div>
</div>

const check=(e)=>{
console.log(e.target.className);
}

при клике попадает через раз то на svg то на .delete
почему так?

svg вложен в .delete и они одинаковых размеров

Soma_Yarik 2022-06-25 23:15:07
react_js-1480696.jpg

Soma_Yarik 2022-06-25 23:15:07
react_js-1480695.jpg

ivanchai6iv 2022-06-25 23:15:19
User User 2022-06-25 23:14:47
<div class=»task_wrapper» onclick={(e)=>check(e)}>
<div class=»text»>2
<div class=»delete»>
<svg></svg>
</div>
</div>
</div>

const check=(e)=>{
console.log(e.target.className);
}

при клике попадает через раз то на svg то на .delete
почему так?

svg вложен в .delete и они одинаковых размеров

React
Class

Бл

Soma_Yarik 2022-06-25 23:15:24
react_js-1480699.jpg

Soma_Yarik 2022-06-25 23:15:24
react_js-1480698.jpg

Soma_Yarik 2022-06-25 23:15:34
Подскажите, почему пишет что таких значенний не должно быть?
Soma_Yarik 2022-06-25 23:15:46
Если я их не передаю
black_wrist 2022-06-25 23:16:49
Кто где пишет?
emptyfate 2022-06-25 23:17:03
каких значений-то?
Soma_Yarik 2022-06-25 23:17:04
black_wrist 2022-06-25 23:16:49
Кто где пишет?

Возвращает сервер, 400 ошибку

Soma_Yarik 2022-06-25 23:17:15
react_js-1480705.jpg

black_wrist 2022-06-25 23:18:32
А вы уверены, что вы правильный метод вызываете? Точно патч?
black_wrist 2022-06-25 23:18:43
Может пост?
Soma_Yarik 2022-06-25 23:18:47
react_js-1480708.jpg

User User 2022-06-25 23:19:09
ivanchai6iv 2022-06-25 23:15:19
React
Class

Бл

Это я для примера прописал просто, в проэкте className стоит

black_wrist 2022-06-25 23:20:01
Ну покажите тогда уж какой пейлоад отправляете
Soma_Yarik 2022-06-25 23:20:45
black_wrist 2022-06-25 23:20:01
Ну покажите тогда уж какой пейлоад отправляете

react_js-1480711.jpg

Soma_Yarik 2022-06-25 23:20:56
Это?
black_wrist 2022-06-25 23:21:48
Это
black_wrist 2022-06-25 23:22:14
Ну так чему вы удивляетесь, в апи одни поля просят, вы шлете другие
black_wrist 2022-06-25 23:22:24
Вот сервер и жалуется
Soma_Yarik 2022-06-25 23:23:30
react_js-1480716.jpg
Я их ложу в стейт, стейт того же типа что я и отправляю, подскажите, если у стейта тип один, туда может больше данных записаться?
Soma_Yarik 2022-06-25 23:24:35
Я пробовал отправлять и те поля, которые просит бек, одна и та же ошибка
black_wrist 2022-06-25 23:24:36
Тайпскрипт от того, что вы кладёте в рантайме вас никак не спасёт
emptyfate 2022-06-25 23:25:16
Soma_Yarik 2022-06-25 23:24:35
Я пробовал отправлять и те поля, которые просит бек, одна и та же ошибка

кладу. пробОвал

Soma_Yarik 2022-06-25 23:25:43
black_wrist 2022-06-25 23:24:36
Тайпскрипт от того, что вы кладёте в рантайме вас никак не спасёт

Понял, тогда как я могу вытащить только те данные что мне нужно, они опять же с бека, и записать их в стейт?

Soma_Yarik 2022-06-25 23:26:11
просто перезаписывать?
black_wrist 2022-06-25 23:27:02
Я честно сказать нифига не понимаю, что вы хотите и что вам мешает. Вы скинули ошибку запроса, я сказал вам почему она вылетает
Soma_Yarik 2022-06-25 23:27:25
black_wrist 2022-06-25 23:27:02
Я честно сказать нифига не понимаю, что вы хотите и что вам мешает. Вы скинули ошибку запроса, я сказал вам почему она вылетает

Понял, спасибо.

Soma_Yarik 2022-06-25 23:30:46
black_wrist 2022-06-25 23:27:02
Я честно сказать нифига не понимаю, что вы хотите и что вам мешает. Вы скинули ошибку запроса, я сказал вам почему она вылетает

Спасибо, сделал уже)

Ilyarogachev 2022-06-25 23:31:43
Парни как можно сделать показать/скрыть пароль? Через кастомный инпут?
ejnshtein 2022-06-25 23:32:33
Ilyarogachev 2022-06-25 23:31:43
Парни как можно сделать показать/скрыть пароль? Через кастомный инпут?

можно через стате

|