react中redux有什么用
导读:本文共2025字符,通常情况下阅读需要7分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 环境准备为了方便,这里使用create-react-app搭建react环境create-react-appmydemo弹出配置如果需要自定义react的配置,需要运行下面的命令把配置文件弹出来。npmruneject安装reduxnpmiredux--save简单理解redux简单用法就是通过它的store来订阅和发布信息。通过subscribe来订阅acti... ...
目录
(为您整理了一些要点),点击可以直达。环境准备
为了方便,这里使用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有什么用的详细内容,希望对您有所帮助,信息来源于网络。