TypeScript_React_ReduxToolkit_ExtraReducers_Sample-源码

上传者: 42116672 | 上传时间: 2021-04-03 17:08:20 | 文件大小: 23KB | 文件类型: ZIP
目的 这个简单的应用程序演示了如何将Redux工具箱ExtraReducer与TypeScript一起使用。 此应用程序包含两个组件。 PetInput组件具有一个用于宠物记录的表单。 单击提交按钮后,它将使用Axios将其发布到REST服务器,然后使用基本的reduer更新Redux存储的状态。 PetList组件显示商店中宠物的列表。 挂载此组件时,它将从REST服务器获取数据并使用额外的reducer更新Redux存储。 如果PetInput组件添加了宠物,则将使用Redux自动更新PetList组件中的宠物列表。 Redux-toolkit教程 在线IDE 模块版本 打字稿4.1.2 React17.0.2 @ types / react 17.0.0 Redux 4.0.5 react-redux 7.2.3 @ types / react-redux 7.

文件下载

资源详情

[{"title":"( 26 个子文件 23KB ) TypeScript_React_ReduxToolkit_ExtraReducers_Sample-源码","children":[{"title":"TypeScript_React_ReduxToolkit_ExtraReducers_Sample-main","children":[{"title":"package.json <span style='color:#111;'> 1.65KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"api","children":[{"title":"common.ts <span style='color:#111;'> 3.90KB </span>","children":null,"spread":false},{"title":"openapitools.json <span style='color:#111;'> 151B </span>","children":null,"spread":false},{"title":"base.ts <span style='color:#111;'> 1.51KB </span>","children":null,"spread":false},{"title":"configuration.ts <span style='color:#111;'> 3.11KB </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 478B </span>","children":null,"spread":false},{"title":"git_push.sh <span style='color:#111;'> 1.78KB </span>","children":null,"spread":false},{"title":"api.ts <span style='color:#111;'> 73.36KB </span>","children":null,"spread":false}],"spread":true},{"title":"app","children":[{"title":"store.ts <span style='color:#111;'> 530B </span>","children":null,"spread":false}],"spread":true},{"title":"react-app-env.d.ts <span style='color:#111;'> 40B </span>","children":null,"spread":false},{"title":"setupTests.ts <span style='color:#111;'> 241B </span>","children":null,"spread":false},{"title":"features","children":[{"title":"pet","children":[{"title":"PetList.tsx <span style='color:#111;'> 1.64KB </span>","children":null,"spread":false},{"title":"PetInput.tsx <span style='color:#111;'> 2.19KB </span>","children":null,"spread":false},{"title":"petSlice.ts <span style='color:#111;'> 3.14KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"index.tsx <span style='color:#111;'> 348B </span>","children":null,"spread":false},{"title":"App.test.tsx <span style='color:#111;'> 250B </span>","children":null,"spread":false},{"title":"reportWebVitals.ts <span style='color:#111;'> 399B </span>","children":null,"spread":false},{"title":"App.tsx <span style='color:#111;'> 604B </span>","children":null,"spread":false}],"spread":true},{"title":"public","children":[{"title":"robots.txt <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 385B </span>","children":null,"spread":false},{"title":"manifest.json <span style='color:#111;'> 176B </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 535B </span>","children":null,"spread":false},{"title":".env <span style='color:#111;'> 41B </span>","children":null,"spread":false},{"title":"db.json <span style='color:#111;'> 15B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 924B </span>","children":null,"spread":false},{"title":".prettierrc <span style='color:#111;'> 27B </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明