object 赋值解构 Javascript 中使用冒号

Question

使用 React.js 和 React 路由器

import React, { Component } from 'react';

const PrivateRoute = ({ component: Component, ...rest }) => (
  <Route {...rest} render={} />
)

*{ component: Component, ...rest }*

..rest 是使用扩展语法，但*component: Component*做了什么

Answer 1

在 ES6 中，这会将值分配给一个名为foo的新变量

 let obj = { name: 'Some Name', age: '42', gender: 'coder' }; let { name: foo, ...rest } = obj; console.log({foo, rest}) // { foo: 'Some Name', rest: { age: 42, gender: 'coder' } } //

在这种情况下，将不会定义name

请参阅分配给新变量名