ant design pro 代码疑问

来源：19-3 Redux 简介与实例演示

Ewishep

2017-12-31

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

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

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

写回答

1回答

Parry

2017-12-31

同学你好

@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

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

2017-12-31

共1条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发，React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程

相似问题

最新的Ant Design怎么引用???

回答 2

ant design 是免费的吗如果用于商用会不会牵扯版权问题啊

回答 1

在引入ant-design后，出现编译错误

回答 2

请问老师，就是视频中的API是不是失效了我怎么是个这种效果？

回答 1

个人中心无法水平

回答 3

打开慕课网App查看更多内容