
react
beacon...
始于code,终于code
展开
-
浅谈Redux(三)
React-Redux的介绍与使用 React-Redux是为了方便使用Redux而封装的一个react库,你可以使用它将组建分为UI组件(只负责渲染页面),和容器组件(负责管理数据,业务逻辑)。 1.Provider Provider的作用是把store提供给子组件,让其子组件能获取到store import React from 'react'; import ReactDOM from 'r...原创 2020-03-15 14:21:22 · 138 阅读 · 0 评论 -
浅谈redux(二)
Redux中间件与异步操作 Redux的使用方式是用户发出 Action,Reducer 函数算出新的 State,View 重新渲染。但是应该考虑到异步操作怎么执行,Action 发出以后,Reducer 立即算出 State,这叫做同步;Action 发出以后,过一段时间再执行 Reducer,这就是异步。这时就需要使用中间件(middleware)进行异步操作。 中间件就是一个函数,对sto...原创 2020-03-15 13:42:41 · 177 阅读 · 0 评论 -
浅谈redux(一)
文章借鉴于:Redux入门教程 一.什么是Redux? Redux 是 JavaScript 状态容器,提供可预测化的状态管理。他可以弥补react两个不足之处,代码的结构和组件之间的通信。Redux有三大原则,单一的数据源,state是只读的,使用纯函数来执行修改。 二.什么情况下使用Redux? 某个组件的状态需要共享 一个组件需要改变全局状态 一个组件需要改变另一个组件的状态 不同身份的用...原创 2020-02-24 21:26:28 · 196 阅读 · 0 评论 -
React组件的生命周期理解
React组件的生命周期理解 React组件的生命周期分为初始化,更新,销毁,错误处理四个阶段,每一个阶段又有若干个函数以响应不同的阶段。 生命周期函数图解: 初始化阶段的钩子函数 在组件初始化阶段会执行 1. constructor React类组件的构造函数在挂载之前被调用。在constructor构造函数中,先调用super(props),将父组件传来的props绑定,在此函数中可以初始...原创 2020-02-23 12:11:01 · 248 阅读 · 0 评论