时间戳

首页 > 解决方案 > 如何使用 Reach Router 处理依赖父级的样式

javascript - 如何使用 Reach Router 处理依赖父级的样式

问题描述

我的应用程序中有这个结构：

  <Parent style={{display 'flex'}}>
      <Child style={{flex: 1}}></Child>
  </Parent>

我们在我们的应用程序中使用了到达路由器，我们Child用<Router/>. 这样做的问题是<Router/>在父子之间渲染另一个 div，并且基本上“阻塞”了 flex 1 属性。

  <Parent style={{display 'flex'}}>
     <Header/>
      <Router>
        <Child style={{flex: 1}}></Child>
      </Router>
     <Footer/>
  </Parent>

我该如何克服呢？

标签： javascriptcssreactjsreact-routerreact-router-dom

解决方案

你可以在这里阅读片段https://reactjs.org/docs/fragments.html#short-syntax

您可以使用标签 <> 和 </>。

推荐阅读