zoukankan      html  css  js  c++  java
  • 在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组件的一部分

  • 相关阅读:
    使用Python创建自己的Instagram滤镜
    TensorFlow v2.0实现逻辑斯谛回归
    自动驾驶研究回顾:CVPR 2019摘要
    dp cf 20190613
    简单搜索 kuangbin C D
    树形dp compare E
    区间dp E
    Codeforces Round #564 (Div. 2)
    网络流 + 欧拉回路 = B
    网络流 A
  • 原文地址:https://www.cnblogs.com/wy1935/p/7122587.html
Copyright © 2011-2022 走看看