美文网首页
react-创建仓库

react-创建仓库

作者: 盖伦_2985 | 来源:发表于2019-03-06 22:08 被阅读0次
#redux 的使用
安装 redux
 yarn add redux 
npm install redux --save

src 目录下创建一个 store 的文件夹。里面在创建一个 index.js (生成仓库的代码)

store 目录下 创建一个 reducers 的文件夹 (存放 reducer)

生成仓库的代码写好

组件中使用仓库中的数据

组件中如果修改仓库中的数据

组件中如何拿到仓库中更新之后的数据

# react-redux

react-redux , 专门提供给 react 项目更好的去使用 redux的一个包。

使用步骤

1.  安装 react-redux

yarn add react-redux

2.  将组件拆分成 ui组件 与 容器组件 容器组件上跟仓库打交道,
并将数据作为 props 传递到 ui组件。

容器组件上面没有引入 仓库的文件? 是因为咱们在 index.js 引入了 仓库的文件,
并且使用 Provider 做为最外层的一个组件,将store 做为属性给设置了。

3.  页面使用的是 容器组件。


相关文章

网友评论

      本文标题:react-创建仓库

      本文链接:https://www.haomeiwen.com/subject/owsfpqtx.html