javascript - 为什么要在 React Route 中传递 {...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

来自 documentation :

The render prop function has access to all the same route props (match, location and history) as the component render prop.

如果 Test 没有使用任何这些，那么您不必通过它们。