如何使用payload传值

来源：4-7 Redux状态管理7-使用 React-redux（Connect 可以用装饰器的方法来书写）

aznmoe

2017-11-15

老师你好：

我在复习redux的时候在 action 处定义了 payload。

在 reducer 的返回处写的是诸如 return state + action.payload 的语句。

app.js 当中我手动dispatch的时候可以这样传值，如下：

<button onClick={() => store.dispatch(this.props.propAdd(2))}>加</button>

－－－－分割线－－－－

而如果我使用了 @connect，在 button标签处传值等等均会报错。向下面这样写也会报错

@connect(

// 你要state什么属性放到props里

state=>({states: state}),

// 你要什么方法，放到props里，自动dispatch

{addCounter: addCounter(2), removeCounter, chengCounter, chuCounter}

)

我想知道，通过 react-redux 这种方式写的时候怎么传入 payload。。。

写回答

1回答

慕瓜8449030

2017-11-15

已采纳

你看下我们视频的内容，connect第二个参数传递的函数直接调用，会自动dispatch，然后把payload修改到state里，通过connect的第一个参数就可以获取了比如你看下我们的用户列表或者用户中心页面，数据都是通过redux管理的

aznmoe

我解决了。既是在 onClick 的时候用箭头函数承载一下就可以了。我之前是直接写成了这种方式，执行的时候自然是onClick了一个对象（action）而非函数。实际上是下面的方式就没问题了。

2017-11-18

共2条回复

Redux+React Router+Node.js全栈开发

全网唯一的React 16+Redux+React Router4实战课程，学到手是你的真本领！

1822 学习 · 750 问题

相似问题

回答 3

回答 1

回答 1

回答 2

回答 1