请问es6，ant design pro中的 { list:{list} } = this.props; 该如何理解呢

Question

代码在这里，第64行

https://github.com/ant-design...

不太理解为什么 ，list后面要加个{list} ， es6中也没有见到过类似的语法呀

他们这样写 有什么好处吗？

该如何去理解呢 谢谢

Answer 1

原文是：

const {
      form,
      list: { list },
      loading,
    } = this.props; 

这是ES6的解构赋值

> let {a,b:{b},c} = {a:1,b:{b:2},c:3}
> a
< 1
> b
< 2
> c
< 3

ES6 解构

Answer 2

这个就是解构赋值了，可以理解为把两侧对象的结构式一致的，然后把右侧的值赋给左侧的变量