可以使用對象屬性嗎？

Question

美好的一天。我正在嘗試使用react-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 />，但只需要的人。