RouteHandler 属性值前面有三个点

Question

我正在查看来自 here 的 react-router 代码。这是 reddit 帖子网站的一个更简单的实现。

RouteHandler 接受一个额外的属性作为 {...this.state}。

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

大括号内的三点是什么意思？

this.state 没有明确赋值，它被解析为什么？

这如何获取 routes 变量中定义的三个路由处理程序之一 here -

Answer 1

这是 ES6 spread operator，它的作用是将数组解压缩为单独的参数，然后发送到 RouteHandler。

虽然这仅适用于 ES6 中的数组，但 JSX 转换器将允许您将此语法用于对象，并使您能够将其用于 this.state.

等对象。

更新以澄清感谢@zerkms；

RouteHandler attr value has three preceding dots