美文网首页
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