このようにオブジェクトのプロパティを使用することは可能ですか？

Question

おやすみなさい。私は反応ブートストラップライブラリを使用して練習しようとしています。
そしてそれは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 />の利点を持っていますが、それは必要なものだけ。