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

Question

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

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

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

Answer 1

所以回答你的问题: 在上面的代码中我们必须传递props在匿名函数中，以便Home可以使用它们成分。 理想的方法是传递如下 Prop :

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

精美解释here

如果您使用的是 redux，那么所有这些都将由商店使用高阶组件 Provider 来处理。 。请参阅文档 here