使用ES6的展开运算符简化传递props数据的过程
一、ES6展开运算符
1.举例一
const dog = {
name:’大黄’,
age:3,
gender:’雄’
}
//3.调用 render函数渲染 jsx XML 比 HTML 严格多了
ReactDOM.render(<div>
123
{/*直接把 组件的名称，以标签的形式，放到页面即可 */}
{/* <Hello name={ dog.name} age={dog.age} gender={dog.gnder}></Hello> */ }
<Hello {...dog}></Hello>
</div>,document.getElementById(‘app’))
2.举例二
var o2 = (
age:22,
address:’中国北京’，
phone:’13999’,
}
var o1 = {
name: ‘zg’,
...o2
}
console.log(o1)
