javascript - 以这种方式使用对象属性是否可以接受？

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 /> ，但只有它需要的。