嵌套属性的解构分配

Question

我需要从对象cx获取3个变量cx，weatherIcon和this.props.payload，目前我正在使用此代码

const { cx, cy } = this.props
const {weatherIcon} = this.props.payload

它有效，但我想知道是否可以用一行书写。

Answer 1

试试这个。

const { cx, cy, payload: { weatherIcon } } = this.props;

const props = { cx: 1, cy: 2, payload: { weatherIcon: 3 }};
const { cx, cy, payload: { weatherIcon } } = props;
console.log(cx, cy, weatherIcon);