if文の中でどういうわけかdestructuringを使うことができますか？

Question

私はこれのような何かをする方法がありますか？

if({color, size, shape} = this.props){ 
    console.log('Received all props!'); 
} else { 
    console.log('There are some missing props'); 
} 

は、私は私のコンポーネントの小道具、 経由して、エラーをスローしない場合は、必要なすべてのデータを受け取ったかどうかを知りたいです。

再利用可能なコンポーネントを作成するためのものです。

Answer 1

あなたはデフォルト値を使用することができます

function missing(prop) { 
    throw new TypeError(`there is a missing ${prop} property`); 
} 

… 
try { 
    const { 
    color = missing("color"), 
    size = missing("size"), 
    shape = missing("shape"), 
    } = this.props; 
    // use color, size, shape here 
    console.log("Received all props!"); 
} catch(err) { 
    console.log(err.message); 
} 

がifステートメントを使用するには、noあなたはすべてのプロパティがあるかどうかをブール値を生成するために非構造を使用することはできません。むしろ（、まだまたはより良いあなたが期待される値の種類をチェックする）

if ("color" in this.props && "size" in this.props && "shape" in this.props) { 
    console.log('Received all props!'); 
} else { 
    console.log('There are some missing props'); 
} 

いつものように何かを