您如何在React Router的路由中使用匿名函数？

Question

将props传递给下面的匿名函数的目的是什么？ 您是否必须使用匿名函数才能将道具向下传递到路线内的组件？

function App(props) {
  const { data } = props;

  return (
    <Router>
      <Route path="/home" render={(props) => <Home data={data.things} />} />
    </Router>
  )
}

Answer 1

因此，请回答您的问题：在上面的代码中，我们必须在匿名函数中传递props ，以便Home组件可以使用它们。 理想的方法是传递如下所示的道具：

<Route path="/abc" render={props => <TestWidget someProp="2" {...props} />} />

精美的解释在这里

如果您使用的是redux，那么商店将使用更高级别的组件Provider来照顾所有这些问题。 请在这里参考文档