Day 27-制作购物车之Redux 2

主要呈现实作成果

以下内容有参考教学影片,底下有附网址。
(内容包括我的不专业解说分析及在实作过程中遇到的困难与解决)

go go~


Cart的部分结束,今天要来说Product的部分

###Reducers
在reducers资料夹中,新增productReducers.js
建立两个reducer,分别为getProductsReducer&getProductDetailsReducer
https://ithelp.ithome.com.tw/upload/images/20210929/20139720u5jSq6l95X.png
https://ithelp.ithome.com.tw/upload/images/20210929/20139720rSFBVHdwHF.png
上面那些actionType为昨天说的constants资料夹里的productConstants.js所设定的常数

###Store
将reducers引入到store.js
https://ithelp.ithome.com.tw/upload/images/20210929/201397209OXQnBFRxE.png

###Actions
在reducers资料夹中,新增productActions.js
dispatch(派送)各个actions from 资料库
https://ithelp.ithome.com.tw/upload/images/20210929/20139720vJX0XLjBnc.png
https://ithelp.ithome.com.tw/upload/images/20210929/201397200k9rY2SliH.png


参考教学网站:https://www.youtube.com/watch?v=0divhP3pEsg&t=786s


  • 明天继续/images/emoticon/emoticon29.gif

<<:  Flutter基础介绍与实作-Day15 Onboarding、Login、Sign Up范例实作(2)

>>:  [Day 24] 筹码分析 - 内线消息

GPU程序设计(5) -- Python

前言 前面我们介绍C++的使用,有些读者可能会希望使用Python撰写(包括我),因此,我们就来看看...

中阶魔法 - 执行环境与执行堆叠

前情提要 上回偷拿远距离初阶魔法攻击艾草。 艾草:「我看你拿魔法丢我丢得挺顺的了(╬•᷅д•᷄╬),...

Turbo Pascal 语言和你 SAY HELLO!!

第二十八天 各位点进来的朋友,你们好阿 小的不才只能做这个系列的文章,但还是希望分享给点进来的朋友,...

『 间接方法 』

铁人赛第四天!简单整理下昨日分享的输入方法有两种: 直接输入:直接把值本身当成输入。 间接输入:透过...

Day_20 DNS/DDNS/Port Forwards (一)

先前介绍的几个网路架构,多数提到的IP都是在区域网路之内设备上的部份,但如果连上外网,这些资讯封包就...