使用Multiple Switch在reactjs中提供Blanc组件

如何解决使用Multiple Switch在reactjs中提供Blanc组件

我一直试图将某些组件链接在一起并以不同的方式加载某些组件。 这些组件位于不同的文件和文件夹中，但结构相似

---

<Link to="/home">Home</Link>
   <Link to="/signin">Signin</Link>

   <Switch>
   <Route path="/home" exact component={Home} />
   <Route path="/signin" exact component={SignIn} />
</Switch>

App.js

---

<h4>This is Home Page</h4>
   <Link to="/about" >About</Link>
   <Link to="/contact">Contact</Link>

   <Switch>
  {/* <Route path={match.url} exact={true} component={HomeDefaultComponent} /> */}
  <Route exact path={match.url + '/about'} component={About} />
  <Route exact path="/contact" component={Contact} />
</Switch>

Home.js

---

<h4>Sign In</h4>
    <Link to="/negative">Negative</Link>
    <Link to="/positive">Positive</Link>
    <Switch>
    <Route exact path="/negative" component={Negative} />
    <Route exact path="/positive" component={Positive} />
</Switch>

SignIn.js

---

每当我单击“ / about”路径时，都会得到一个空白页面，不显示任何信息。 而且所有组件都是不同的文件，但是也有一些子组件只是为了更新...