為什么我應該在 React Route 中使用擴展運算符？

Question

所以我正在看一個教程，其中講師在路線內使用 {...props}。 如果他已經傳遞了 user 和 getUser 道具，他為什么還要使用它？：

<Route exact path="/user/:login" render={props => (
   <User {...props} getUser={this.getUser} user={user} />
  )}
/>

順便說一句，在傳遞這些道具的 User.js 中，他使用：this.props.getUser(this.props.match.params.login)。 這可能與此有關嗎？

Answer 1

如果他已經在傳遞 user 和 getUser 道具，他為什么要使用它？

這樣任何其他道具都可以通過，例如foo和bar 。

在傳遞這些道具的 User.js 中，他使用：this.props.getUser(this.props.match.params.login)。 這可能與此有關嗎？

不。正如你所說，他明確地提供該道具，而不是通過傳播。 通過在傳播之后這樣做，他確保使用他的顯式版本（無論您是否將getUser傳遞給容器的道具，它都不會被使用，因為他的getUser覆蓋了它；與user相同）。