摘要: 对应文档这个位置 加载用户数据 现在页面上关于作者的信息是 unknown,因为我们没有正确的拉取user信息吖。 怎么做捏?太简单了,前面已经拉取了posts,现在拉取user就行了!干就完了,加油奥利给。 在userSlice里写thunk。 //这是注释,显示文件路径捏:/src/featur 阅读全文
posted @ 2023-03-13 16:06 刘老六 阅读(143) 评论(0) 推荐(0)
摘要: 本篇学习如何正确编写和使用thunk,并且学习通过获取thunk状态在页面上显示不同内容(比如提示正在加载、加载失败、或者是显示加载成功后的数据)的范式。 对应文档这个位置 请求过程中的加载状态 当我们进行 API 请求时,我们可以将其进度视为一个小型状态机,它处于下面四种可能的状态之一: 请求尚未 阅读全文
posted @ 2023-03-08 16:30 刘老六 阅读(523) 评论(0) 推荐(0)
摘要: 加载帖子 之前我们在postSlice做了硬编码的post作为其初始状态,现在我们改一下,改成从服务器获取帖子数据。 提取帖子selectors 我们已经在slice中编写过reducer、prepare和thunk,现在继续介绍一个实践,在slice中编写 selector,这个选择器就是我们在 阅读全文
posted @ 2023-03-07 14:57 刘老六 阅读(58) 评论(0) 推荐(0)
摘要: Thunks 与异步逻辑 额,之前已经在快速上手里边接触过thunk,反正异步的东西不能放进reducer,所以用thunk替代,好像顺理成章的thunk就是异步版本的reducer? 这样说不准确,其实thunk是一种redux中间件,他插入在了dispatch和reducer之间的位置。 (用于 阅读全文
posted @ 2023-03-03 20:45 刘老六 阅读(165) 评论(0) 推荐(0)
摘要: 简介 大家好,这一节文档教程对应代码的codepen在线实例点这里,github仓库在这里,我们只专注于redux学习,我只稍微介绍下server.js和client.js,了解他们基本功能,不影响我们本节学习就好。(不要头铁啊,我花了好几天才醒悟)。 client.js和server.js 因为在 阅读全文
posted @ 2023-03-02 15:42 刘老六 阅读(66) 评论(0) 推荐(1)
摘要: 啊,标题好长捏。 这篇对应文档这里呢! 经过上一节,我们实践了最基本的rtk维护状态的流程 在 第三节:基本数据流 中,我们看到了如何从一个空的 Redux+React 项目设置开始,添加一个新的状态 slice ,并创建 React 组件 可以从 Redux store 中读取数据并 dispat 阅读全文
posted @ 2023-02-23 13:00 刘老六 阅读(88) 评论(0) 推荐(0)
摘要: 这一节大概能对应文档的数据流结构 项目启动 大家好,经过rtk快速上手和前个视频的开发环境搭建,下面我们开始真正动手实践吖。 从文档的探索初始项目开始,但是稍微有区别,以视频为准吖。 首先按照文档建立项目结构, 然后安装必要的依赖库(注意,我用了v6 是v6版本的react-router吖) npm 阅读全文
posted @ 2023-02-21 20:35 刘老六 阅读(90) 评论(0) 推荐(0)
摘要: 开发环境搭建 (Typescript+RTK 模板的使用) 嗨,大家好,经过rtk快速上手,下面我们开始真正动手实践吖。cra 创建项目提供了Typescript配合redux的模板,这个模板就是下面两行安装命令 npx create-react-app my-app --template redu 阅读全文
posted @ 2023-02-21 11:27 刘老六 阅读(59) 评论(0) 推荐(0)
摘要: 补充 thunk的编写模式 上个章节,我们提到了thunk。 我想了一下,有一个重点没说。 1.reducer就是用于处理数据的逻辑 2.reducer中不能放置任何异步的逻辑 基于上面两点,thunk必须存在。 但是上个视频介绍的手动编写thunk的方法还是太麻烦, rtk提供了便捷的帮助函数,可 阅读全文
posted @ 2023-02-20 08:36 刘老六 阅读(383) 评论(0) 推荐(0)
摘要: 太长不看 主要介绍了 thunk配合Typescript怎么写吖 应用的结构 Typescript版本的 code 作业在这里... 这一篇实际上和快速上手的内容差不多,程序范例里其实就是多了一个 thunk ,另外介绍了redux devTools 应该怎么使用。 在计算机编程中,thunk是一个 阅读全文
posted @ 2023-02-07 15:53 刘老六 阅读(169) 评论(0) 推荐(0)