使用内部视图反应路由器V4

不确定这是否是你所期望的,但我有点困了。卢兹。

你可以这样做

<Router>
   <Route path="/" render={() => <LayoutComponent><MyComponent /></LayoutComponent>} />
</Router>

{this.props.children}

好的,谢谢 为我指明了正确的方向。这不是解决方案,但为我指出了需要去的地方。

这是解决方案。。。。

<article id="my-app">
    <header>
        <h1>Oh my beautiful app!</h1>
    </header>

    <aside>
        <nav>
            <Link to="/">Dashboard</Link>
            <Link to="/account">Account</Link>
            <Link to="/about">About</Link>
        </nav>
    </aside>

    <section>
        <BrowserRouter>
            <Switch>
                <Route exact path="/account" component={Account}/>
                <Route exact path="/about" component={About}/>
                <Route path="/" component={Dashboard}/>
            </Switch>
        </BrowserRouter>
    </section>

    <footer></footer>
</article>