Reactjs RouteHandler属性值前面有三个点

我正在通过来自的react路由器代码。这是reddit posts网站的一个更简单的实现

RouteHandler

接受一个额外属性作为

{…this.state}

          <div className='content'>
            <RouteHandler {...this.state} />
          </div>

花括号内的三个点是什么意思

此.state

未显式指定值，其解析为什么

这是如何获取

routes

变量-

中定义的三个路由处理程序中的一个，它所做的是将数组解压成单个参数，然后发送到RouteHandler

虽然这只适用于ES6中的数组，但JSX transformer将允许您对对象使用此语法，并允许您在对象上使用它，例如

this.state

更新以澄清@zerkms

也就是说，它将数组解压为单个参数，然后发送到RouteHandler

虽然这只适用于ES6中的数组，但JSX transformer将允许您对对象使用此语法，并允许您在对象上使用它，例如

this.state

---

更新以澄清@zerkms

@limelights:“花括号”--这让我很开心：-D@limelights：“花括号”--这让我很高兴：-从您粘贴的链接中选择：“ES6中的数组已经支持了…运算符（或扩展运算符）。我们还正在推动获取ES7中对象属性的扩展运算符。”没错。ES6中的阵列有一个扩展运算符。ES6中没有对象的扩展运算符。我仍然不太喜欢它，但至少现在它没有那么误导；-）从您粘贴的链接中可以看到：“ES6中的数组已经支持…运算符（或扩展运算符）。我们还正在努力为ES7中的对象属性获取扩展运算符。”没错。ES6中的阵列有一个扩展运算符。ES6中没有对象的扩展运算符。我仍然不太喜欢它，但至少现在它没有那么误导；-）