Kann ich die Destrukturierung in einer if-Anweisung verwenden?

Question

Gibt es eine Möglichkeit, so etwas zu tun?

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

Ich möchte wissen, ob ich alle benötigten Daten empfangen durch Requisiten meine Bauteile, und wenn nicht, dann einen Fehler aus.

Es ist für die Erstellung von wiederverwendbaren Komponenten.

Answer 1

Sie Standardwerte verwenden:

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); 
} 

Um eine if Anweisung, keine kann man nicht Destrukturierung verwenden, um einen boolean zu erzeugen, ob alle Objekte da sind. Eher etwas wie

üblich tun

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'); 
} 

(oder besser noch, überprüfen Sie die Art des Wertes, den Sie erwartet)