在Redux中使用插件createAction之后

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

举个栗子,小李子:

1
const createTodo=createACtion('CREATE_TODO')

我们可以知道产生的action的Type属性就是(CREATE_TODO),然而还有一个payload是在哪一个地方呢?

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

举个栗子;

栗子:为啥又举我?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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组件的一部分

 

posted @   wangyong1992  阅读(4137)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
点击右上角即可分享
微信分享提示