React：使用ES6的展开运算符简化传递props数据的过程

 当我们要给组件传递的属性很多的时候，不可能一个个去写，这时可以通过使用ES6的展开运算符简化传递props数据的过程：

// 导入包
import React from 'react'
import ReactDOM from 'react-dom'

let person = {
    name: "Tom",
    age: 30,
    sex: "man"
}

const myDiv = <div {...person}>这是一个div元素</div>

/*
const myDiv = <div name="Tome" age="30" sex="man">这是一个div元素</div>
*/

ReactDOM.render(myDiv, document.getElementById("app"))