简书 anctionCreators与constants的拆分

之前在header目录下的index.js写的这个：

这个type我们最好不要这么写，容易出错，所以要借助 anctionCreators

我们在header目录下的store下创建anctionCreators.js，然后给他重新定义成这个：

export const searchFocus =()=>({
  type:'search_focus'
})
export const searchBlur =()=>({
  type: 'search_blur'
})

接下来，我们在header目录下的index.js里引用 anctionCreators.js，以及在mapDispathToProps这个事件里改变写法，如下：

这样的话，在拿这个方法的时候要在anctionCreators下面拿

 

我们继续写，在header目录下store文件夹下创建constant.js文件，里面存放：

 

 然后在anctionCreators里引用进来：

 这样的话，type我们就可以改成这样：

 

 

 是不是觉得很绕，那我们在header目录下的store里建一个index.js，这样的话，header目录下的index.js就可以直接引用这一个文件就行了，不用绕那么多

store目录下的index.js：

import reducer from './reducer';
import * as actionCreators from './actionCreators';
import * as constants from './constants';

export { reducer, actionCreators, constants };

在header目录下的index.js导入：

 算了，这点我也不清楚，出bug了！！！！！