什么是…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網站在此處提供有關此信息 。

您傳遞的對象的屬性將復制到組件的道具上。

您可以多次使用它，或者將其與其他屬性結合使用。 規格順序很重要。 后來的屬性將覆蓋先前的屬性。