Плиз, у меня есть два компонента с каунтером, как передать родителю сумму?

|
nikolartyj 2022-07-01 21:27:58
Mikhail_webdev 2022-07-01 21:25:32
Ребят, всем привет
может кто-то знает как сделать такой слайдер до / после?
Может библиотека какая-то есть?

По сути фото просто сдвигаем первое как я понимаю

Mikhail_webdev 2022-07-01 21:28:23
https://mozabrick.ru/magic/

MOZABRICK.COM — официальный сайт производителя фото-конструкторов MOZABRICKmozabrick.ru
Официальный сайт фото-конструкторов MOZABRICK. Загрузи фото на сайте и получи инструкцию по сборке
Vladislav 2022-07-01 21:28:51
Mikhail_webdev 2022-07-01 21:25:32
Ребят, всем привет
может кто-то знает как сделать такой слайдер до / после?
Может библиотека какая-то есть?

В js через координату ‘х’ положения указателя переопределять ширину каждого из изображений на событии сдвига указателя
Как вариант реализации

Lirrrx 2022-07-01 21:49:00
Mikhail_webdev 2022-07-01 21:25:32
Ребят, всем привет
может кто-то знает как сделать такой слайдер до / после?
Может библиотека какая-то есть?

React — Компонент сравнения картинок со слайдером на TypeScriptYouTube
Сегодня будем писать компонент сравнения картинок на React и TypeScript для проекта Finio и заодно изучим работу touch events и их отличие от mouse events.

⚡ Мои курсы
Курс по React: https://purpleschool.ru/course/nextjs
Все мои курсы: https://purpleschool.ru
Курсы для тех, кто не из России: https://www.udemy.com/user/alariplay/
Telegram канал с полезными советами: https://t.me/purple_code_channel

Разделы видео:
0:00 — Введение
0:17 — Обзор проекта
0:46 — Начальная структура
2:02 — Создание компонента и разметки
12:43 — Работа с touch и mouse events
35:11 — Заключение

daniel1781 2022-07-01 21:53:08
Всем привет, такой вопрос, считается ли нормальной практикой, убирать скрол всего окна при открытии модалки через document.body.style.overflow = «hidden» ?
Sultan 2022-07-01 21:57:44
daniel1781 2022-07-01 21:53:08
Всем привет, такой вопрос, считается ли нормальной практикой, убирать скрол всего окна при открытии модалки через document.body.style.overflow = «hidden» ?

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

MadFred42 2022-07-01 21:58:47
daniel1781 2022-07-01 21:53:08
Всем привет, такой вопрос, считается ли нормальной практикой, убирать скрол всего окна при открытии модалки через document.body.style.overflow = «hidden» ?

Можно через overflow-y, если по ширине экрана сайтик

MadFred42 2022-07-01 21:59:15
daniel1781 2022-07-01 21:53:08
Всем привет, такой вопрос, считается ли нормальной практикой, убирать скрол всего окна при открытии модалки через document.body.style.overflow = «hidden» ?

Но вроде как в сафари и айос какие-то свои приколы, там надо ещё display fixed ставить на body

viktooor7 2022-07-01 22:00:24
MadFred42 2022-07-01 21:59:15
Но вроде как в сафари и айос какие-то свои приколы, там надо ещё display fixed ставить на body

охуж этот знаменитый дисплей фиксед и позишен флекс

demark_pro 2022-07-01 22:00:26
MadFred42 2022-07-01 21:59:15
Но вроде как в сафари и айос какие-то свои приколы, там надо ещё display fixed ставить на body

сафари тот еще приколист

MadFred42 2022-07-01 22:00:40
viktooor7 2022-07-01 22:00:24
охуж этот знаменитый дисплей фиксед и позишен флекс

Бле, какая разница, ахах

demark_pro 2022-07-01 22:01:49
У меня так друг умер
rnamod 2022-07-01 22:02:06
demark_pro 2022-07-01 22:01:49
У меня так друг умер

Он жив?

daniel1781 2022-07-01 22:02:07
viktooor7 2022-07-01 22:00:24
охуж этот знаменитый дисплей фиксед и позишен флекс

хахахахаххаа

demark_pro 2022-07-01 22:02:28
rnamod 2022-07-01 22:02:06
Он жив?

Нет, в больнице лежит

MadFred42 2022-07-01 22:02:58
Хорошо хоть я жив остался, вовремя поправили)
kristal_vlad 2022-07-01 22:03:18
react_js-1485673.jpg

kristal_vlad 2022-07-01 22:03:18
react_js-1485672.jpg
Подскажите плиз, у меня есть два компонента с каунтером, как передать родителю сумму?
у меня получается, что когда нажимаю на плюс, все каунтеры добавляются
demark_pro 2022-07-01 22:04:02
kristal_vlad 2022-07-01 22:03:18
Подскажите плиз, у меня есть два компонента с каунтером, как передать родителю сумму?
у меня получается, что когда нажимаю на плюс, все каунтеры добавляются

Производить все вычисления в родителе

kristal_vlad 2022-07-01 22:05:26
demark_pro 2022-07-01 22:04:02
Производить все вычисления в родителе

я пытаюсь так сделать, но что-то каунтеры связываются

demark_pro 2022-07-01 22:06:36
kristal_vlad 2022-07-01 22:05:26
я пытаюсь так сделать, но что-то каунтеры связываются

Что значит связываются? От слова связь или вязать?

akssenov 2022-07-01 22:07:11
kristal_vlad 2022-07-01 22:05:26
я пытаюсь так сделать, но что-то каунтеры связываются

Ты используешь один и тот же useState, конечно они связываются

kristal_vlad 2022-07-01 22:09:07
akssenov 2022-07-01 22:07:11
Ты используешь один и тот же useState, конечно они связываются

Да я понимаю, просто как решить эту проблему, не подскажите?
Я сразу пытался добавить Стейт в дочерний компонент но передать сумму в родителя не выходит

tk_7973 2022-07-01 22:09:10
react_js-1485679.jpg

MadFred42 2022-07-01 22:09:48
tk_7973 2022-07-01 22:09:10

Красиво

akssenov 2022-07-01 22:10:36
kristal_vlad 2022-07-01 22:09:07
Да я понимаю, просто как решить эту проблему, не подскажите?
Я сразу пытался добавить Стейт в дочерний компонент но передать сумму в родителя не выходит

count это общая сумма, а price это стоимость одной позиции?

tk_7973 2022-07-01 22:10:38
how can i fix this cors issue
tk_7973 2022-07-01 22:10:48
even though im passing bearer token
MadFred42 2022-07-01 22:10:53
tk_7973 2022-07-01 22:10:38
how can i fix this cors issue

npm i cors

demark_pro 2022-07-01 22:10:55
kristal_vlad 2022-07-01 22:09:07
Да я понимаю, просто как решить эту проблему, не подскажите?
Я сразу пытался добавить Стейт в дочерний компонент но передать сумму в родителя не выходит

Тебе надо в стейт поместить массив твоих карточек и добавить свойство с кол-вом. При нажатие плюс, находить карточку и менять код-во.

tk_7973 2022-07-01 22:11:03
react_js-1485687.jpg

akssenov 2022-07-01 22:11:37
tk_7973 2022-07-01 22:11:03

Сколько пробелов)

MadFred42 2022-07-01 22:11:41
tk_7973 2022-07-01 22:11:03

Try to add withCredentials: true to your axils headers

tk_7973 2022-07-01 22:11:49
MadFred42 2022-07-01 22:11:41
Try to add withCredentials: true to your axils headers

tried

tk_7973 2022-07-01 22:13:01
react_js-1485691.jpg

MadFred42 2022-07-01 22:13:11
tk_7973 2022-07-01 22:11:49
tried

Have you read the api? Maybe it expects requests from server, not client

tk_7973 2022-07-01 22:13:36
MadFred42 2022-07-01 22:13:11
Have you read the api? Maybe it expects requests from server, not client

in postman it works

RomaMrn 2022-07-01 22:14:11
он не туда пихает заголовок.. в постмане правильно.. я дальше бухать
kristal_vlad 2022-07-01 22:14:38
akssenov 2022-07-01 22:10:36
count это общая сумма, а price это стоимость одной позиции?

Price — стоимость одной позиции;
Count — количество одинаковых товаров;

То есть
Count =2
count *price = стоимость двух пицц
Потом нужно все суммировать и получить стоимость заказа

tk_7973 2022-07-01 22:15:05
MadFred42 2022-07-01 22:13:11
Have you read the api? Maybe it expects requests from server, not client

not able to fetch and getting cors issue , even tho i had talk with backend developer he said he have added cors and allow origin to *

demark_pro 2022-07-01 22:15:29
Гугл переводчики вошли в чат
tk_7973 2022-07-01 22:15:59
react_js-1485698.jpg

akssenov 2022-07-01 22:16:15
tk_7973 2022-07-01 22:09:10

try replacing localhost with your local ip address in the page address

demark_pro 2022-07-01 22:16:17
tk_7973 2022-07-01 22:15:59

Nice cock

tk_7973 2022-07-01 22:16:50
demark_pro 2022-07-01 22:16:17
Nice cock

sorry?

demark_pro 2022-07-01 22:17:02
tk_7973 2022-07-01 22:16:50
sorry?

Never mind

demark_pro 2022-07-01 22:18:09
I have big dick
tk_7973 2022-07-01 22:19:17
take it in your back than mourn
Sultan 2022-07-01 22:19:44
Доброго времени суток! Подскажите пожалуйста, как сохранить данные из redux-toolkit в localStorage? А точнее как вызвать функцию, которую заносит данные в localStorage ПОСЛЕ изменения стейта? Смотрите, есть слайс basket ,в котором лежит массив basketItems . Вот мне нужно при изменении basketItems обновлять localStorage. Самое простое — делать это прямо в редюсере. Технически это работает идеально, как мне надо. НО , редюсер — чистая функция, поэтому уже поворот не туда. Подскажите пожалуйста,как это релизовать? react-persist не предлагайте, не хочу тянуть лишнюю зависимость только ради этого случая
tk_7973 2022-07-01 22:20:06
why above guy is allowed in the chat but not me
|