通过路线传递道具

Question

在反应中，我该如何配置传递道具的路线。例如我的route.tsx是：

export const routes = () => (
  <Layout>
    <Route exact path='/' component={ Home } />
    <Route path='/counter' component={ Counter } />
    <Route path='/fetchdata' component={ FetchData } />
  </Layout>
);

Counter/ counter被唤醒时，如何将一些数据作为道具传递给我的组件

Answer 1

您可以使用渲染道具。

  <Route 
     path='/counter' 
     render={(props) => (
       <Counter {...props} count={5} />
     )} 
  />

Answer 2

这将完成工作：渲染

    <Route
      path='/dashboard'
      render={(props) => <Dashboard {...props} isAuthed={true} />}
    />

希望这可以帮助！