react-redux基本写法

1 创建action

2 创建reducer ,在reducer中绑定action

3 在app 中写绑定reducer中的代码

const store = createStore(rootReducer)

  </Provider>

4 创建组件

Books

5把这个几个方法写好

// reducers中的数据 ,然后更新组件
const mapStateToProps = (state) => ({
books: state.bookReducer.books

})

// 给action传值 ,触发action
const mapDispatchToProps = {
dispatchAddBook: (book) => addBook(book)
}

export default connect(mapStateToProps, mapDispatchToProps)(Books)

react-redux基本写法相关推荐

基于 react, redux 最佳实践构建的 2048
前段时间 React license 的问题闹的沸沸扬扬,搞得 React 社区人心惶惶,好在最终 React 团队听取了社区意见把 license 换成了 MIT.不管 React license ...
我的第一个 react redux demo
最近学习react redux,先前看过了几本书和一些博客之类的,感觉还不错,比如<深入浅出react和redux>,<React全栈++Redux+Flux+webpack+Bab ...
实例讲解基于 React+Redux 的前端开发流程
前言:在当下的前端界,react 和 redux 发展得如火如荼,react 在 github 的 star 数达 42000 +,超过了 jquery 的 39000+,也即将超过前几年比较火的an ...
使用react+redux+react-redux+react-router+axios+scss技术栈从0到1开发一个applist应用
先看效果图 github地址 github仓库在线访问初始化项目 #创建项目 create-react-app applist #如果没有安装create-react-app的话,先安装 npm ...
React+Redux技术栈核心要点解析（上篇）
感谢作者郭永峰的授权发布. 作者:郭永峰,前端架构师,现用友网络 FED团队负责人,目前主要负责企业级应用前端技术平台建设工作,在前端工程化实现.Node 应用开发.React技术.移动开发等方向有丰 ...
React Redux入门
目录入门我们应该什么时候使用? Redux库和工具 Redux Toolkit Redux DevTools 扩展 demo练习准备工作: 基础示例 Redux Toolkit示例 Redux术语 ...
React - redux 使用（由浅入深）
React - redux 使用(由浅入深) 一. redux理解 1. redux 介绍 2. redux 使用情况 3. redux 工作流程 4. redux 三个核心概念 4.1 Action ...
React+Redux打造“NEWS EARLY”单页应用一步步让你理解最前沿技术栈的真谛
之前写过一篇文章,分享了我利用闲暇时间,使用React+Redux技术栈重构的百度某产品个人中心页面.您可以参考这里,或者参考Github代码仓库地址. 这个工程实例中,我采用了厂内的工程构建工具-F ...
React+Redux开发实录（一）搭建工程脚手架
React+Redux开发实录(一)搭建工程脚手架 React+Redux开发实录(二)React技术栈一览搭建工程脚手架准备工作安装node 安装git 安装一款前端IDE 推荐VSCode, ...
React Redux 的一些基本知识点
一.React.createClass 跟 React.Component 的区别在于后者使用了ES6的语法,用constructor构造器来构造默认的属性和状态. 1. React.createCl ...