且听真言

UI组件负责页面的渲染，容器组件负责页面的逻辑。拆分TodoList中页面渲染部分的代码：import React, { Component } from 'react';import { Input, Button, List} from 'antd';class TodoListUI extends Component{ render() { ret...

1.store必须是唯一的。import { createStore } from 'redux';import reducer from './reducer';//创建公共存储工具,如果window下有这个变量，则执行这个变量对应的方法。const store = createStore(reducer, window.__REDUX_DEVTOOLS_EXTENSION__ &...

Redux通过一系列约定的规范将修改应用状态的步骤标准化。 当需要修改应用状态时，必须发送一个action，action描述应用状态如何修改。action只是一个普通的JavaScript对象。type代表action的类型，注意action的结构并不是确定的，但必须包含type字段。Redux通过reducer解析action。reducer是一个普通的JavaScript函数，接收...

组件挂载阶段通信componentDidMount是执行组件与服务器通信的最佳地方，主要原因有两个：1.在componentDidMount中执行服务器通信可以保证获取到数据时，组件已经处于挂载状态，这是即使要直接操作DOM也是安全的，而componentWillMount无法保证这一点。2.当组件在服务器端渲染时，componentWillMount会被调用两次，一次是在服务器端...

React严格定义了组件的生命周期，生命周期会经历如下三个过程：1.装载过程（Mount），也就是把组件第一次在DOM树中渲染过程；2.更新过程（Update），当组件被重新渲染的过程；3.卸载过程（Unmount），组件从DOM中删除的过程；三个过程，React库会依次调用组件的一些成员函数（生命周期函数） 装载过程(第一次被渲染的时候，一次会调用如下函数)con...