javascript - 传递 props 来 react 路线

Question

我在 Main 中有一个 Snackbar 处理程序，我想将其作为 prop 传递给每个 Route 组件。我怎样才能实现这个目标？

<Router history={browserHistory}>
  <Main history={browserHistory}>
    <Switch>
      <Route path="/comp1" component={comp1} />
      <Route path="/comp2" component={comp2} />
      <Route path="/comp3" component={comp3} />
      <Route path="/comp4" component={comp4} />
    </Switch>
  </Main>
</Router>

Answer 1

你可以传递 props，包括绑定(bind)的事件处理程序，就像 React Router 中的这样:

<Route exact path={'/:userId/create-project/:projectId'}  component={() => {
      return (
        <ProjectEditor
          goToDashboard={this.goToDashboard}
          nextProject={this.state.nextProject}
          goToProject={this.goToProject}   
          updateUserProject={api.updateUserProject}              
        />
      )
   }} 
/>