ES6 klucz skrótowym przedmiotem kontroli

Question

ciekaw, czy istnieje jakakolwiek część ES6 sprawia, że ​​tego rodzaju kontrole trochę bardziej zwięzły:

componentWillReceiveProps(nextProps) { 
    if(nextProps && nextProps.filterObj && nextProps.filterObj.area){ 
     // go ahead 
    } 
} 

Answer 1

Nie, operator egzystencjalny dokonał go w ES6; jednak jest to still discussed.

Można użyć dowolnego z existing methods, oczywiście, jak

if (((nextProps||{}).filterObj||{}).area) { 
    // go ahead 
} 

Ponadto można spróbować rozpad i domyślne wartości:

function componentWillReceiveProps({filterObj: {area} = {}} = {}) { 
    if (area) { 
     // go ahead 
    } 
}