redux安装与使用

                                                                                    redux安装与使用

安装

redux的安装通过npm安装的方式是

这种方式是假设你使用了npm作为你的包管理,如果你不是这样做的,你也可以去接受这些文件到你的unpkg里面。下载它们,然后用包管理器去指向它们。在大多数的情况下,常用的使用方式是CommonJS模块的集合。这些,模块是在redux导入Webpack、Browserify或节点环境中得到的。如果采用npm包管理形式,redux npm包,包括dist文件夹中预编译的生产和开发UMD构建。这些可以直接使用,不需要去捆绑,因此兼容许多流行的JavaScript模块加载器和环境。也可以将Redux与React一起使用,或者与任何其他视图库一起使用。它很小(2kB,包括依赖项),但是有大量可用的插件。

在使用redux后,你可能还会使用到其他的第三方库,来进行一个协调的使用。在大多数的情况下,需要react-redux与redux-devtools。

redux安装与使用_第1张图片

使用

在下面就讲解,当安装好redux后,一些基本的使用办法。

首先从你的redux中去引入createStore,Store是储存整个数据的地方,在这里只需要明白此即可。

redux安装与使用_第2张图片

上面部分的代码表示的是一个reducer,其作用改变数据里面的内容。

这部分的代码说明的功能是,你创建了一个储存数据的地方,里面存放的是一个reducer,reducer是改变数据的地方,store就完成了整个数据过程的储存。因此在之后你需要去取数据时,就得在store里面去取。

subscript,其主要的目的是监听到你数据改变的过程,然后返回到你的ui组件中。

redux安装与使用_第3张图片

dispatch的目的是获取你想要让store里面数据发生改变的行为。

redux安装与使用_第4张图片

在上面的结构图中,就可以很明显的反应出上面所说的内容。

你可能感兴趣的:(redux)