zhushi

Author: lewis617

redux-examples/async/actions/index.js

@@ -18,14 +18,14 @@ export function invalidateReddit(reddit) {
     reddit
   }
 }
-//开始获取action
+//开始获取新闻action
 function requestPosts(reddit) {
   return {
     type: REQUEST_POSTS,
     reddit
   }
 }
-//获取成功的action
+//获取新闻成功的action
 function receivePosts(reddit, json) {
   return {
     type: RECEIVE_POSTS,
@@ -35,7 +35,7 @@ function receivePosts(reddit, json) {
   }
 }
 
-//获取文章，先触发开始获取action，完成后触发获取成功的action
+//获取文章，先触发requestPosts开始获取action，完成后触发receivePosts获取成功的action
 function fetchPosts(reddit) {
   return dispatch => {
     dispatch(requestPosts(reddit))

redux-examples/async/containers/App.js

@@ -11,12 +11,16 @@ class App extends Component {
     this.handleRefreshClick = this.handleRefreshClick.bind(this)
   }
 
+  //初始化渲染后触发
   componentDidMount() {
+    console.log('执行componentDidMount');
     const { dispatch, selectedReddit } = this.props
     dispatch(fetchPostsIfNeeded(selectedReddit))
   }
 
+  //每次接受新的props触发
   componentWillReceiveProps(nextProps) {
+    console.log('执行componentWillReceiveProps',nextProps);
     if (nextProps.selectedReddit !== this.props.selectedReddit) {
       const { dispatch, selectedReddit } = nextProps
       dispatch(fetchPostsIfNeeded(selectedReddit))