Object 冒号在对象分配解构Javascript中的使用

Object 冒号在对象分配解构Javascript中的使用,object,variable-assignment,destructuring,Object,Variable Assignment,Destructuring,使用React.js和React路由器 import React, { Component } from 'react'; const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={} /> ) import React,{Component}来自'React'; const privaterout=({component:component,…rest}

使用React.js和React路由器

import React, { Component } from 'react';

const PrivateRoute = ({ component: Component, ...rest }) => (
  <Route {...rest} render={} />
)
import React,{Component}来自'React';
const privaterout=({component:component,…rest})=>(
)
*{component:component,…rest}*


..rest是使用扩展语法,但是在ES6中,
*组件:组件*
做什么

在这种情况下,这将把值分配给一个名为
foo

让obj={
名字:'某个名字',
年龄:"42",,
性别:'编码者'
};
设{name:foo,…rest}=obj;
log({foo,rest})/{foo:'Some Name',rest:{age:42,gender:'coder'}

//
它是在创建一个对象。它将从react导入的
组件
类分配给新创建对象中的键
组件
。例如,
const newObj={component:ComponentClass}
是键“name”的“foo”新值还是键“name”的新键名?这很混乱。@vikramvi这里foo将是一个包含值“Some Name”的变量。