React router v5.0.1-在同一路由上渲染两个组件

Question

我已经设置了两条不同的路线，但是两条路线都被渲染localhost:3000

我已经研究了关于同一问题的stackoverflow问题，但没有解决我的问题。

我把我的路线包装在开关中，试着交替路线的顺序，使用精确的，也强迫id只寻找数字。

有提到-反应路由器v4-渲染两个组件在同一路由

但无法解决我的问题

import { BrowserRouter as Router, Switch, Route } from "react-router-dom";

render() {
    return (
      <Router>
        <Switch>
         <Route exact path="/" render={props => <Table stu={this.state} />} />
          <Route
            path={`/:id(\\d+)`}
            render={props => <Detail data={this.state} />}
          />
        </Switch>
      </Router>
    );
  }

Table和Detail组件都是为localhost:3000渲染的，而我只想为localhost:3000渲染Table组件。

Answer 1

正如Ilya kovalyov在上面的评论中所指出的，在我的表格组件的渲染方法中，我将道具传递给细节组件，而细节也被渲染