解构对象 - 如何以更简洁的方式重写

Question

我想知道是否可以简化此代码并将其写入一行（我甚至可以使用ES6-7）

const { dimensions } = this.state
const { height} = dimensions
console.log(height)

Answer 1

你可以destructure a nested structure。

解构内部属性 - 高度：

＆＃13;

＆＃13;

const state = { dimensions: { width: 200, height: 100 }}

const { dimensions: { height } } = state

console.log(height)

＆＃13;

＆＃13;

＆＃13;

解构外部和内部属性 - 尺寸和高度：

＆＃13;

＆＃13;

const state = { dimensions: { width: 200, height: 100 }}

const { dimensions, dimensions: { height } } = state

console.log(dimensions)
console.log(height)

＆＃13;

＆＃13;

＆＃13;