为什么要在 React 路由中传递 {...props}？

Question

我使用下面的路线只是因为它是我在网上找到的代码：

<Route exact path="/test" render={(props) => <Test {...props} msg={ "abc" } /> } />

我知道 {...props} 表示多个参数，但我不明白为什么我需要它，因为下面的代码也工作得很好，并且 props.msg 在测试中可用

<Route exact path="/test" render={() => <Test msg={ "abc" } /> } />

那么 {...props} 在渲染过程中传入时实际上做了什么？

Answer 1

从文档：

渲染道具功能可以访问与组件渲染道具相同的所有路线道具（匹配、位置和历史）。

如果Test不使用这些中的任何一个，那么您不必通过它们。