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} />} />

精美解释here

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

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

1 个答案: