什么是…React中的道具？

Question

例如， Facebook数据表中的代码使用...props 。 有人可以向我解释它是什么以及如何使用吗？ 我确定它与this.props有关，但我不确定。 谢谢！

Answer 1

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

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

ES6中的数组已经支持...运算符（或散布运算符）。 还有一个ECMAScript建议书，涉及对象剩余和传播属性。 我们利用这些受支持和正在开发的标准，以便在JSX中提供更简洁的语法。

Answer 2

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

Facebook网站在此处提供有关此信息 。

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

您可以多次使用它，或者将其与其他属性结合使用。 规格顺序很重要。 后来的属性将覆盖先前的属性。