react中redux有什么用(react,redux,web开发)

时间:2024-05-02 17:05:15 作者 : 石家庄SEO 分类 : web开发
  • TAG :

    react%E4%B8%ADredux%E6%9C%89%E4%BB%80%E4%B9%88%E7%94%A8

环境准备

为了方便,这里使用create-react-app搭建react环境

弹出配置

如果需要自定义react的配置,需要运行下面的命令把配置文件弹出来。

安装redux

简单理解

redux简单用法就是通过它的store来订阅和发布信息。

通过subscribe来订阅action,通过dispatch来触发action。reducer中定义来各个action要做的事情。

demo代码

reducer定义

入口文件index.js

App.js

通过store的dispatch来触发action,index.js中订阅的事件就会执行。

redux的异步执行

redux中如果需要执行异步操作,需要安装react-thunk插件

同时需要redux插件的applyMiddleware

关键代码

设置其实很简单,创建store时,把thunk传递给它就行了。

在app.js中增加一个触发异步操作的按钮,reducer中已经定义了一个异步的方法。

异步调用方法会返回一个有两个参数的方法,两个参数都是函数,第一个是dispatch函数,第二个是getState函数。
dispatch触发action,getState获取state的值。

在app.js中增加代码

本文:react中redux有什么用的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:JavaScript如何判断是否移动设备下一篇:

4 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18