zhushi

Author: lewis617

redux-examples/async/actions/index.js

@@ -4,28 +4,28 @@ export const REQUEST_POSTS = 'REQUEST_POSTS'
 export const RECEIVE_POSTS = 'RECEIVE_POSTS'
 export const SELECT_REDDIT = 'SELECT_REDDIT'
 export const INVALIDATE_REDDIT = 'INVALIDATE_REDDIT'
-
+//选择新闻类型action
 export function selectReddit(reddit) {
   return {
     type: SELECT_REDDIT,
     reddit
   }
 }
-
+//废弃新闻类型action
 export function invalidateReddit(reddit) {
   return {
     type: INVALIDATE_REDDIT,
     reddit
   }
 }
-
+//开始获取action
 function requestPosts(reddit) {
   return {
     type: REQUEST_POSTS,
     reddit
   }
 }
-
+//获取成功的action
 function receivePosts(reddit, json) {
   return {
     type: RECEIVE_POSTS,
@@ -35,6 +35,7 @@ function receivePosts(reddit, json) {
   }
 }
 
+//获取文章，先触发开始获取action，完成后触发获取成功的action
 function fetchPosts(reddit) {
   return dispatch => {
     dispatch(requestPosts(reddit))
@@ -44,6 +45,7 @@ function fetchPosts(reddit) {
   }
 }
 
+//是否需要获取文章
 function shouldFetchPosts(state, reddit) {
   const posts = state.postsByReddit[reddit]
   if (!posts) {
@@ -55,6 +57,7 @@ function shouldFetchPosts(state, reddit) {
   return posts.didInvalidate
 }
 
+//如果需要则开始获取文章
 export function fetchPostsIfNeeded(reddit) {
   return (dispatch, getState) => {
     if (shouldFetchPosts(getState(), reddit)) {

redux-examples/async/reducers/index.js

@@ -4,6 +4,7 @@ import {
   REQUEST_POSTS, RECEIVE_POSTS
 } from '../actions'
 
+//选择新闻后，将state.selectedReddit设为所选选项
 function selectedReddit(state = 'reactjs', action) {
   switch (action.type) {
     case SELECT_REDDIT:
@@ -14,8 +15,11 @@ function selectedReddit(state = 'reactjs', action) {
 }
 
 function posts(state = {
+  //是否正在获取最新
   isFetching: false,
+  //是否废弃
   didInvalidate: false,
+  //内容
   items: []
 }, action) {
   switch (action.type) {
@@ -39,7 +43,7 @@ function posts(state = {
       return state
   }
 }
-
+//废弃、接收到、开始接受新闻后，将state.postsByReddit设为相关参数
 function postsByReddit(state = { }, action) {
   switch (action.type) {
     case INVALIDATE_REDDIT:
@@ -52,7 +56,7 @@ function postsByReddit(state = { }, action) {
       return state
   }
 }
-
+//将两个reducer合并成一个reducer,也就将全局的state加上postsByReddit,selectedReddit两个属性，每个属性都有自己的state
 const rootReducer = combineReducers({
   postsByReddit,
   selectedReddit