iT邦幫忙

2021 iThome 鐵人賽

DAY 28
0
Modern Web

初學者對於做購物車系統的分析系列 第 28

Day 28-製作購物車之Redux 3

主要呈現實作成果

以下內容有參考教學影片,底下有附網址。
(內容包括我的不專業解說分析及在實作過程中遇到的困難與解決)

go go~


Action&Reducer都完成後
先來設定一下Product.js:
https://ithelp.ithome.com.tw/upload/images/20210930/2013972089WxsBvhdR.png

接下來是應用HomeScreen.js:
https://ithelp.ithome.com.tw/upload/images/20210930/20139720wMQ4TgmV7U.png

為了讓React能有權限執行backend的東西,所以要在frontend的Package.JSON新增proxy
Package.JSON:
https://ithelp.ithome.com.tw/upload/images/20210930/20139720olruMmbVQP.png

換應用設定productScreen.js:
https://ithelp.ithome.com.tw/upload/images/20210930/20139720phlRja8yLM.png
https://ithelp.ithome.com.tw/upload/images/20210930/2013972064SQwmfAcM.png
第61-64行:讓庫存數量能隨機

今天先到這,打了疫苗早點休息


參考教學網站:https://www.youtube.com/watch?v=0divhP3pEsg&t=786s


  • 明天繼續/images/emoticon/emoticon29.gif

上一篇
Day 27-製作購物車之Redux 2
下一篇
Day 29-製作購物車之Redux 4
系列文
初學者對於做購物車系統的分析30

尚未有邦友留言

立即登入留言