Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript react router dom-将参数添加到索引url但接受页面_Javascript_Reactjs_Path_Routes_React Router - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript react router dom-将参数添加到索引url但接受页面

Javascript react router dom-将参数添加到索引url但接受页面

javascript reactjs path routes

Javascript react router dom-将参数添加到索引url但接受页面,javascript,reactjs,path,routes,react-router,Javascript,Reactjs,Path,Routes,React Router,目前我有以下代码： <Router history={history}> <div> <Route exact path="/:id?" component={Container1} /> <Route path="/component2/ component={Container2} /> </div> </Router> React路由器处理路由的优先级与它们被定义的顺序相同。所以你的情况应该

目前我有以下代码：

<Router history={history}>
  <div>
    <Route exact path="/:id?" component={Container1} />
    <Route path="/component2/ component={Container2} />
  </div>
</Router>



React路由器处理路由的优先级与它们被定义的顺序相同。所以你的情况应该是这样的


<Router history={history}>
  <div>
    <Route path="/component2/ component={Container2} />
    <Route exact path="/:id?" component={Container1} />
  </div>
</Router>





React路由器处理路由的优先级与它们被定义的顺序相同。所以你的情况应该是这样的


<Router history={history}>
  <div>
    <Route path="/component2/ component={Container2} />
    <Route exact path="/:id?" component={Container1} />
  </div>
</Router>





您可以尝试将这两条路线打包，如下所示：


<Router history={history}>
  <div>
    <Switch>
      <Route path="/component2/" component={Container2} />
      <Route exact path="/:id?" component={Container1} />
    </Switch>
  </div>
</Router>



您可以尝试将这两条路线打包，如下所示：


<Router history={history}>
  <div>
    <Switch>
      <Route path="/component2/" component={Container2} />
      <Route exact path="/:id?" component={Container1} />
    </Switch>
  </div>
</Router>





/component2/仍然呈现Container1和Container2？需要包装在Switch语句中。/component2/仍然呈现Container1和Container2？需要包装在Switch语句中。