'...'操作符在React中是不是可以展开对象？

Question

var todo =[

  {

    id:1,

    text:'first'

  },

  {

    id:2,

    text:'second'

  }

];

todo.map(function(item){

  console.log(...item);

});

上面的代码用node运行会出错，也就是js中...操作符不能解析对象，但是我在React中却可以在组件中使用...来解析，例如：

var todo={

  id:1,

  text:'12'

};

<Todo {...todo}>

可以直接赋予组件id和text属性(props)，并且属性值也是对象中对应的值。

Answer 1

...是ES6语法中的解构赋值，只不过React文档中建议开发者使用ES6语法，你安装react的时候应该也安装了babel，建议看看ES6的语法。还有你的chrome可能版本太低了吧。。。变量的解构