前端知识——Redux
redux相关知识
勤劳的多肉
$
展开
-
Redux配合axios的基本使用(Redux第三弹)
Redux配合axios的基本使用(Redux第三弹) 提示:本人是自学前端的一枚小小程序媛,以下内容是自己总结的笔记,如有错误,欢迎大家批评指正!!!! 配置一个后端接口 使用axios进行后端数据的获取npm install --save axios 在生命周期函数中进行get请求获取数据 获取数据之后,要把数据放到仓库中 找到抽离出去的action文件,在这个文件中定义获取列表数据的action 还需要在抽离出去的type文件中定义一下getlist的type值 在原创 2021-10-22 09:00:00 · 412 阅读 · 0 评论 -
Redux使用技巧(Redux第三弹)
Redux使用技巧(Redux第三弹) 提示:本人是自学前端的一枚小小程序媛,以下内容是自己总结的笔记,如有错误,欢迎大家批评指正!!!! 技巧一:把action中的type值抽离成单独的文件 在组件内部写多个action,action的type值需要在reducer中获取并判断,这个type值很容易在书写过程中写错,从而导致你很难发现到底是哪里出现了错误,另外某个action可能在项目中多次使用,如果你在每个组件中都写一个,那样代码的复用性不高,基于以上两点,我们可以把这些action的type单独原创 2021-10-21 21:15:00 · 142 阅读 · 0 评论 -
Redux基本使用(Redux第二弹)
Redux基本使用(Redux第二弹) 提示:本人是自学前端的一枚小小程序媛,以下内容是自己总结的笔记,如有错误,欢迎大家批评指正!!!! 1.通过Input输入框体验Redux,输入框改变影响store里的值 给input输入框绑定一个onChange事件,只要文本框内容一改变就会触发一个函数,并且定义这个函数, 建立action对象,(我们的目的是改变store里的值),对象里有两个属性,一个是type,相当于给action起名字,一个是value,是要传递到store里的值 acti原创 2021-10-20 16:23:13 · 156 阅读 · 0 评论 -
Redux基本使用(Redux第一弹)
Redux基本使用(Redux第一弹) 提示:本人是自学前端的一枚小小程序媛,以下内容是自己总结的笔记,如有错误,欢迎大家批评指正!!!! 安装Reduxnpm install --save redux 在src目录下创建store文件夹,文件夹下新建index.js文件并导出,index.js就是仓库store 仓库没有管理员是没办法操作的,所以我们还要建立一个管理员reducer,在store文件夹下新建一个reducer.js,数据我们用的是默认值 把管理员导入到仓库中原创 2021-10-19 18:32:30 · 108 阅读 · 0 评论