React
React学习开发总结
且听真言
努力工作,玩命生活。
展开
-
React UI组件和容器组件
UI组件负责页面的渲染,容器组件负责页面的逻辑。 拆分TodoList中页面渲染部分的代码: import React, { Component } from 'react'; import { Input, Button, List} from 'antd'; class TodoListUI extends Component{ render() { ret...原创 2019-02-17 12:02:02 · 2128 阅读 · 0 评论 -
Redux设计和使用的三项原则
1.store必须是唯一的。 import { createStore } from 'redux'; import reducer from './reducer'; //创建公共存储工具,如果window下有这个变量,则执行这个变量对应的方法。 const store = createStore(reducer, window.__REDUX_DEVTOOLS_EXTENSION__ &...原创 2019-02-16 15:23:02 · 670 阅读 · 1 评论 -
Redux状态管理
Redux通过一系列约定的规范将修改应用状态的步骤标准化。 当需要修改应用状态时,必须发送一个action,action描述应用状态如何修改。action只是一个普通的JavaScript对象。type代表action的类型,注意action的结构并不是确定的,但必须包含type字段。 Redux通过reducer解析action。reducer是一个普通的JavaScript函数,接收...原创 2019-01-10 19:10:46 · 818 阅读 · 0 评论 -
React 组件与服务器通信
组件挂载阶段通信 componentDidMount是执行组件与服务器通信的最佳地方,主要原因有两个: 1.在componentDidMount中执行服务器通信可以保证获取到数据时,组件已经处于挂载状态, 这是即使要直接操作DOM也是安全的,而componentWillMount无法保证这一点。 2.当组件在服务器端渲染时,componentWillMount会被调用两次,一次是在服务器端...原创 2019-01-09 19:09:14 · 319 阅读 · 0 评论 -
React组件的生命周期
React严格定义了组件的生命周期,生命周期会经历如下三个过程: 1.装载过程(Mount),也就是把组件第一次在DOM树中渲染过程; 2.更新过程(Update),当组件被重新渲染的过程; 3.卸载过程(Unmount),组件从DOM中删除的过程; 三个过程,React库会依次调用组件的一些成员函数(生命周期函数) 装载过程(第一次被渲染的时候,一次会调用如下函数) con...原创 2019-01-05 14:45:30 · 330 阅读 · 0 评论