@evg_96

Как организовать оформление товара?

В приложении есть корзина (localhost:3000/cart):

5a9ab9f2b8288162892059.png

Как технически организовать оформление заказа из корзины? Нужно чтобы при нажатии кнопки "Оформить заказ", менялся роут, рендерилась форма оформления (Адрес, телефон и т.д). Там кнопка "Подтвердить", после заполнения и нажатия данной кнопки, опять меняется роут на страницу "Спасибо за заказ". (localhost:3000/cart/thanks)
Как сделать работу с роутингом в конкретном случае? И что должно быть в адресной строке после нажатия "Оформить заказ"? localhost:3000/cart/возможно-какой-то-рандомный-ключ

В общем подскажите саму логику технической организовации данного вопроса
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ответы на вопрос 1
@ThemeZ
Js developer (React.js)
И что должно быть в адресной строке после нажатия "Оформить заказ"? localhost:3000/cart/возможно-какой-то-рандомный-ключ

Вам это нужно?
0.* Можно поставить флажок, что пользователь перешел к оформлению заказа (можно использовать для уведомления о незавершенности оформления)
1. Товары из корзины лежат в сторе? Если нет, то положить в стор.
2. Кнопка "Оформить заказ" это link на страницу с формой.
3. После нажатия "подтвердить", если форма валидна, отправляете action, если используете redux-saga, то сага перехватывает этот action, добавляет данные из корзины, делает запрос, и если все норм, то меняет роут на страницу со "спасибо за заказ", если нет, отображаете ошибки.
Если у Вас не redux-saga, а redux-thunk или что-то другое, то нужен асинхронный action с такой же логикой.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы