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

duansamve

已于 2024-01-02 22:13:02 修改

阅读量969

点赞数

分类专栏： React 文章标签： props ES6

于 2020-02-01 10:41:01 首次发布

本文链接：https://blog.csdn.net/duansamve/article/details/104130869

版权

React 专栏收录该内容

71 篇文章 3 订阅

订阅专栏

当我们要给组件传递的属性很多的时候，不可能一个个去写，这时可以通过使用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"))