Ist es akzeptabel, Objekteigenschaften auf diese Weise zu verwenden?

Question

Guten Tag. Ich versuche, in der Verwendung von React-Bootstrap-Bibliothek zu üben.
Und in ihm ist tutorial Ich sah, dass ES6-Code, der mir ein wenig verwirrend scheint.

function FieldGroup({ id, label, help, ...props }) { 
    return (
    <FormGroup controlId={id}> 
     <ControlLabel>{label}</ControlLabel> 
     <FormControl {...props} /> 
     {help && <HelpBlock>{help}</HelpBlock>} 
    </FormGroup> 
); 
} 

Ist es akzeptabel, separate Objekteigenschaften zu verwenden, ohne auf ein Objekt zu verweisen?

Answer 1

Das ist völlig in Ordnung. Es heißt destructuring. Es ist sauberer als das:

function FieldGroup(props) { 
    return (
    <FormGroup controlId={props.id}> 
     <ControlLabel>{props.label}</ControlLabel> 
     <FormControl {...props} /> 
     {help && <HelpBlock>{props.help}</HelpBlock>} 
    </FormGroup> 
); 
} 

Es auch den Vorteil, not just sending all properties zu <FormControl /> hat, sondern nur diejenigen, die es braucht.