function Dog(props){
return <div>这是狗:{props.name},它的年龄是:{props.age},它是{props.gender}的</div>
}
const dog = [
name: '大黄',
age:15,
gender:'雄'
]
ReactDOM.render(
<Dog {...dog}></Dog>,
document.getElementById('root')
);
...
,拓展运算符,ES6新增,适用于对象或数组身上
作用:对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中
再举例:
const obj = {a:1, b:2};
const obj2 = {...obj}; //{a:1, b:2}
当属性名重复时,后面的值会覆盖前面的值。
例如
const obj = {a:1, b:2};
const obj2 = {...obj, a:3, b:4}; //{a:3, b:4}