在Redux中使用插件createAction之后

我们知道在React的Redux的中的action在项目开发过程中，一般时使用createAction来生成

举个栗子，小李子：

const createTodo=createACtion('CREATE_TODO')

我们可以知道产生的action的Type属性就是（CREATE_TODO），然而还有一个payload是在哪一个地方呢？

其实payload的信息是在定义Action之后的，一般在container中进行装载payload。装载方法为 createTodo（payload）

举个栗子；

栗子：为啥又举我？

export default connect(
  // mapStateToProps将state映射到ui组件的参数porps
  (state) => ({
    todo: state.getIn(['todo', 'todo'])
  }),
  // 用来建立UI组件的参数到store.dispatch方法的映射，它定义了那些用户的操作应当作为Action,传递给store
  (dispatch) => ({
    onChangeText: (event) => (
      dispatch(changeText({
        text: event.target.value
      }))
      // console.log(event)
    ),
    onCreateTodo: () => {
      dispatch(createTodo());
      dispatch(changeText({
        text: ''
      }));
    },
    cunState: () => {
      dispatch(cunState())
    }
  })
)(TodoHeader);

　　这个是项目中的一个container组件的一部分

 

转载于:https://www.cnblogs.com/wy1935/p/7122587.html