angular - 如何在 Reactjs 中制作类似 Angular 路由器导出？

Question

我有 sideBarMenuComponent 其中在 render() 中包含以下代码

     <ul>
        <li><Link to='/home'>Home</Link></li>
        <li><Link to='/settings'>Settings</Link></li>
      </ul>

和另一个 MasterLayoutComponent 渲染 HomeComponent 和
render() 中 main-content 中的 SettingsComponent

       <div className="MasterLayoutComponent">
          <Header />
            <div className="main-content">
               <Route exact path='/home' component={HomeComponent} />
               <Route exact path='/settings' component={SettingsComponet} />
            </div>
          <Footer />
        </div>

但是当我点击 sideBarMenuComponent 的链接时，HomeComponent 和 SettingsComponet 没有呈现，有什么问题？

Answer 1

Router Outlet 是 Angular 的一个很好的特性，我尝试在 React 中研究它。希望我能帮到你。 ^^
我在这些链接中得到了答案:
1) https://www.npmjs.com/package/react-router-outlet
2) https://stackblitz.com/edit/react-router-outlet