javascript - en utilisant le même composant pour différents chemins dans react-router v4

Mots clés : javascriptreactjsreact-router-v4javascript

meilleur 5 Réponses javascript - en utilisant le même composant pour différents chemins dans react-router v4

vote vote

93

    <Route        key="add-client"       exact path="/add-client"       component={manageClient}      />      <Route        key="edit-client"       exact path="/edit-client"       component={manageClient}      /> 
vote vote

83

<Route exact path="/add-client" component={props => <ManageClient {...props} />}></Route> <Route exact path="/edit-client" component={props => <ManageClient {...props} />}></Route>  
componentWillReceiveProps(nextProps){    console.log('route chnaged') } 
vote vote

75

<Route exact path={["/add-client", "/edit-client"]}>   <manageClient /> </Route> 
vote vote

63

      <Switch>         <Route key="Home" path="/home" component={Home} />         <Route key="PolicyPlan-create"  path="/PolicyPlan/create" component={PolicyPlanCreatePage} />         {/* <Route key="PolicyPlan-list" path="/PolicyPlan" component={PolicyPlanListPage} /> */}         <Route key="PolicyPlan-list" path="/PolicyPlan/list" component={PolicyPlanListPage} />                     <Route key="PolicyPlan-edit"  path="/PolicyPlan/edit/:id" component={PolicyPlanCreatePage} />            <Route key="cardDesign" path="/cardDesign" component={cardDesign} />         <Route key="Admin-create" path="/admin/create" component={RegisterPage} />       </Switch> 
.................           this.props.history.push("/PolicyPlan/edit/" + row.PolicyPlanId); .............     
vote vote

54

<Route exact path={["/add-client", "/edit-client"]} component={manageClient}></Route> 

Questions similaires