如何使用payload传值

Question

老师你好：

我在复习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。。。

Answer 1

慕瓜8449030 2017-11-15 23:37:46

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

• 提问者 aznmoe #1

  非常感谢！

• 提问者 aznmoe #2

  我解决了。
  既是在 onClick 的时候 用 箭头函数承载一下就可以了。我之前是直接 写成了  <button onClick={store.dispatch(this.props.propAdd(2))}>加</button> 这种方式，
  执行的时候自然是onClick了一个对象（action）而非函数。实际上是下面的方式就没问题了。
  <button onClick={() => store.dispatch(this.props.propAdd(2))}>加</button>