代码优化

Author: chao.wang

src/5redux-antd-todolist/TodoList.js

@@ -47,7 +47,7 @@ class TodoList extends Component {
 		axios.get('/list.json').then((res) => {
 			console.log(res);
 			const data = res.data;
-			// 调用actionCreator里的异步方法,去改变redux里的state
+			// 调用actionCreator里的异步方法, 去改变redux里的state
 			const action = initListAction(data);
 			store.dispatch(action);
 

src/6redux-antd-todolist/TodoList.js

@@ -37,8 +37,8 @@ class TodoList extends Component {
 		)
 	}
 
- ////// 异步请求或者复杂的逻辑最好是放在其他地方统一管理,redux-thunk
- // redux-thunk使用,将异步代码移到action里
+ ////// 异步请求或者复杂的逻辑最好是放在其他地方统一管理, redux-thunk
+ // redux-thunk使用, 将异步代码移到action里
 	componentDidMount() {
 		//// 通过redux-thunk将Ajax放入了actionCreators里
 		const action = getTodoList();

src/6redux-antd-todolist/store/actionCreators.js

@@ -31,8 +31,8 @@ export const initListAction = (data) => {
 
 // 异步操作redux-thunk
 export const getTodoList = () => {
-  // 使用了redux-thunk就能return函数,可以把异步的ajax放在这里了
-  // 在actionCreator返回如果是函数式的可直接传入store的dispatch,这样里面就能直接使用了,不必再去引入store等一些列流程
+  // 使用了redux-thunk就能return函数, 可以把异步的ajax放在这里了
+  // 在actionCreator返回如果是函数式的可直接传入store的dispatch, 这样里面就能直接使用了, 不必再去引入store等一些列流程
   return (dispatch) => {
     axios.get('/list.json').then((res) => {
 			console.log(res);

src/6redux-antd-todolist/store/index.js

@@ -1,5 +1,5 @@
-// 需要使用redux-thunk等中间件的话,需要引入applyMiddleware,我们说的中间件是redux的中间件,不是react的
-// 要使用redux-tools,有需要中间件的话,需要改写调试引入方式,要要用到redux中的compose
+// 需要使用redux-thunk等中间件的话,需要引入applyMiddleware, 我们说的中间件是redux的中间件, 不是react的
+// 要使用redux-tools, 有需要中间件的话,需要改写调试引入方式, 要要用到redux中的compose
 import { createStore, applyMiddleware, compose } from 'redux';
 import reducer from './reducer';
 // 引入redux-thunk

src/index.js

@@ -32,11 +32,11 @@ import './static/iconfont/iconfont.css';
 // 第3个,使用actionCreator创建action,Redux知识点复习补充
 // import TodoList from './3redux-antd-todolist/TodoList';
 // 第4个,UI组件和容器组件拆分, 无状态组件
-import TodoList from './4redux-antd-todolist/TodoList';
+// import TodoList from './4redux-antd-todolist/TodoList';
 // 第5个,Redux发送异步请求获取数据
 // import TodoList from './5redux-antd-todolist/TodoList';
 // 第6个,Redux-thunk中间件运行ajax求情发送,中间件概念
-// import TodoList from './6redux-antd-todolist/TodoList';
+import TodoList from './6redux-antd-todolist/TodoList';
 // 第7个,Redux-saga中间件
 // import TodoList from './7redux-antd-todolist/TodoList';
 // 第8个,Raect_Redux的使用