Question

使用React.js和React Router

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

有关更多信息，请访问此link

在对象分配破坏Javascript中使用冒号

1 个答案: