React redux actionType 的拆分 与 actionCreator的使用

周大胖子

1. actionType 的拆分  纯粹是无聊， 本质意义是搞个 js 文件，把所有的 type 都放进去 ，这步甚至不如swicth 来的方便 -。- 暂且不管他；
2. actionCreator 这玩意呢 ，也是搞个js ，然后 利用传值调用，其实吧 就是把所有action 都集中起来；

  2.1 actionCreator.js

1. // 这个主要用来统一管理 action
   
2. 
   
3. export  const actionChangInpValue = (value)=>({
   
4.     type: "chang_inp_value",
   
5.     value:value
   
6.    
   
7. });
   
8. 
   
9. export const actionChangList = (index)=>({
   
10.     type:'chang_list',
    
11.     index
    
12. })

复制代码

2.2 TODOlist.js

1. import {actionChangInpValue ,actionChangList } from '../store/ActionCreates';
   
2. 
   
3. 
   
4. 
   
5. 
   
6. 
   
7. 
   
8. 
   
9. 
   
10. // 监听input改变
    
11.     inpC(e){
    
12.         // this.setState({
    
13.         //     inpValue:e.target.value
    
14.         // })
    
15.         // console.log(e.target.value)
    
16.         
    
17.         // 修改之后的数据
    
18.         // let action = {
    
19.         //     type :'chang_inp_value',
    
20.         //     value:e.target.value
    
21.         // }
    
22. 
    
23.         // 传给数据处理中心中心 利用 dispatch 方法
    
24.         store.dispatch( actionChangInpValue(e.target.value)  );
    
25.         
    
26.     }

复制代码