Допустимо ли использовать свойства объекта таким образом?

Question

Добрый день. Я пытаюсь практиковать использование библиотеки repl-bootstrap.
И вот в нем tutorial Я видел этот код ES6, который кажется мне немного запутанным.

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

Можно ли использовать отдельные свойства объекта без ссылки на объект?

Answer 1

Это прекрасно. Это называется destructuring. Это чище, чем это:

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

Он также имеет преимущество not just sending all properties к <FormControl />, но только те, которые он нуждается.