解構賦值爲嵌套屬性

Question

我需要3個變量cx，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);