ant design pro 代码疑问

Question

老师您好，最近在看ant-design-pro，这是其中列表页面得部分代码截取，1与2两段代码没有弄明白是什么意思，老师是否可以讲解下（已经看了关于react-redux部分）；不明白第一段代码@connect做了一件什么事情，第二段代码为什么this.props可以点出dispatch，dispatch中是传入的action吗？action为什么是

{
      type: 'list/appendFetch',
      payload: {
        count: pageSize,
      },
    }

fetchMore函数在页面中是为列表加载新数据用的

Answer 1

Parry 2017-12-31 21:27:10

同学你好

@connect 是 js 的修饰符，是为了让代码看起来更加地简洁，@connect 其实就是 redux 中的 connect

具体解释你可以参见这里 https://stackoverflow.com/questions/32646920/whats-the-at-symbol-in-the-redux-connect-decorator

第二个问题是 取代 store.dispatch 的一个好习惯，是传递 prop 到 组件的方法。

再次请看这里的解释：

https://stackoverflow.com/questions/33221634/why-use-this-props-dispatch-rather-than-store-dispatch-directly-in-redux

• 提问者 Ewishep #1

  感谢老师指点，我先阅读体会一下，幸苦了