美文网首页
react中使用redux

react中使用redux

作者: 我有一条小黑狗 | 来源:发表于2021-02-20 10:29 被阅读0次

(内容比较乱,仅用于自己复习使用)

安装redux后,创建一个redex(自定义)文件夹用于储存redux相关文件;

首先在该文件文件夹下一个新增reducers.js文件,用于初始化数据和更改数据,redux中的数据只能在此文件中reducer中进行更改

创建 reducer

然后创建一个store.js文件,用于创建store,store就是整个项目保存数据的地方,并且只能有一个。创建store就是把所有reducer给它。

创建store

最后创建一个action.js文件,redux 将每一个更改动作描述为一个action,要更改state中的内容,你需要发送action。一个action是一个简单的对象,用来描述state发生了什么变更。

通过 getState()调用redux中的数据

调用getState获取数据


store.dispatch()是组件发出action的唯一方法。

调用dispatch

相关文章

  • redux

    单独使用redux redux是核心库 与react配合使用redux 安装react-redux react-r...

  • react-redux

    使用react-redux,可以更方便的使用redux开发 先install react-redux使用react...

  • 一个完整小巧的Redux全家桶项目

    OneArticle: 使用React-Native开发,使用Redux,React-Redux,Redux-Pe...

  • redux note(一)

    redux 搭配 React使用 Redux和React之间没有关系,Redux支持React, Angular,...

  • react-redux框架之connect()与Provider

    react-redux 在react-redux 框架中,给我提供了两个常用的API来配合Redux框架的使用,其...

  • React-redux的使用

    React-redux是一个第三方模块,它可以帮我们在react中更方便的使用redux,使用React-redu...

  • 深入解析React-redux插件入门

    react-redux是使用redux开发react时使用的一个插件,另外插一句,redux不是react的产品,...

  • React-redux插件入门实战

    react-redux是使用redux开发react时使用的一个插件,另外插一句,redux不是react的产品,...

  • react-redux

    redux 全局状态管理 react-redux 优化模块 优化redux的使用过程 通过react-redux ...

  • React-Redux 使用

    目前使用版本 建议先了解 Redux 的使用!Redux使用(纯Redux使用) React-Redux 是 Re...

网友评论

      本文标题:react中使用redux

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