![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 86
小小荧
这个作者很懒,什么都没留下…
展开
-
原来Redux的原理这么简单
theme: v-green 熟悉React的开发者并不陌生Redux是什么,一个状态管理容器,简单来说就是帮助前端存储交互的数据的容器。 笔者今天聊的就是如何手写一个Redux,破除那些把Redux神话的同学么。 Tip: 一定要熟悉JavaScript的原理哦 了解Redux的运行原理 三大原则 单一数据流 State只读 只能使用纯函数来执行修改 工作原理 从图片中我们可以看到,Redux的工作原理Action Creators通过派发方法dispatch ,然后派发的action会被Red.原创 2021-05-10 22:05:38 · 308 阅读 · 3 评论 -
react-hook的存在是否可以完全替代redux
前文 react-redux主要提供的功能是将redux和react的组件关联起来。使用提供的connect方法可以使得任意一个react组件获取到全局的store。 实现方法是将store存放于由provider提供的context上,在调用connect时, 就可将组件的props替换, 让其可以访问到定制化的数据或者方法。 目标 本文尝试使用react-hook来替代react-redux的基本功能。 react-redux的特点: 全局维护一个store 任何组件都可以获得store,最好prop原创 2021-02-08 21:58:20 · 1013 阅读 · 0 评论 -
vue中Axios的封装和API接口的管理
vue中Axios的封装和API接口的管理 如图,面对一团糟代码的你~~~真的想说,What FUC~K!!! 回归正题,我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放原创 2020-09-01 19:57:52 · 257 阅读 · 0 评论 -
react项目中使用装饰器
首先安装babel转换器 yarn add @babel/core @babel/preset-env @babel/plugin-proposal-decorators -D npm i @babel/core @babel/preset-env @babel/plugin-proposal-decorators -D 在你的react根目录下创建.babelrc文件写入 { "presets": [ "@babel/preset-env" ], "plugins"原创 2020-07-24 20:07:32 · 434 阅读 · 0 评论