求大神教一下AntDesignPro 中的一段示例代码怎么看

#1

初学 React，尝试在项目中使用 AntDesignPro 这个脚手架。

求大神教一下这段代码怎么看

 state = {
    addInputValue: '',
    modalVisible: false,
    expandForm: false,
    selectedRows: [],
    formValues: {},
  };

是什么意思？

另外

@connect(state => ({
  rule: state.rule,
}))
@Form.create()

对做了什么处理？

原文件
https://github.com/ant-design/ant-design-pro/blob/master/src/routes/List/TableList.js

#2

第一个state就是组件的state，可以写在constructor里面也可以写在外面，都一样babel都转成了一样的。
第二个是es6的Decorator函数写法。

#3

十分感谢！

发现还有好多知识点要学习。

#4

最近有需要也在看AntDesignPro中的内容，发现也是好多看不懂，请问题主是按照怎样的顺序和方法去理解的啊？真心求教