ES6 解构并作为参数一起传播到 React 组件中

Question

我了解 ES6 的解构和扩展运算符，但我对它们的用法感到困惑。有人可以将其分解为外行人可以理解的方式吗？

const index = ({title, description, ...props}) => {
  return (
    <div>
      
    </div>
  )
}

这是如何工作的？

Answer 1

像这样。其中 everythingElseExceptTitleAndDescription 创建一个新对象，其中包含参数的所有可枚举属性，除了 title 和 description

const index = (arg) => {
  let title = arg.title;
  let description = arg.description;
  let props = everythingElseExceptTitleAndDescription(arg);
  return (
    <div>
      
    </div>
  )
}

ES6 解构并作为参数一起传播到 React 组件中

ES6 destructure and spread together as arguments into a React Component

javascript

ecmascript-6

object-destructuring