什么是...... React中的道具？

Question

例如，Facebook's data table中的代码使用...props。有人可以向我解释它是什么以及如何使用它？我确定它与this.props有关，但我不完全确定。谢谢！

Answer 1

https://facebook.github.io/react/docs/jsx-spread.html

  

有什么奇怪的...符号？

     

已支持...运算符（或扩展运算符）   ES6中的数组。对象Rest还有一个ECMAScript提议   和传播属性。我们正在利用这些支持和   开发标准以便在JSX中提供更清晰的语法。

Answer 2

是spread syntax。这允许将所有this.props传递给组件。扩展运算符语法是ES6的新增功能。

Facebook的网站上有关于此here的信息。

  

您传入的对象的属性将复制到   组件的道具。

     

您可以多次使用此功能，也可以将其与其他属性结合使用。   规范顺序很重要。后来的属性覆盖   以前的。