如何使组件始终位于 react-leaflet 地图之上？

Question

现在，只有当我刷新页面时，table 才会显示一秒钟然后消失。我不知道它是否重要，但地图组件是一个 react-leaflet 地图。我希望始终在地图顶部有一个组件。我怎样才能阻止它消失？

我的 css 文件：

.grid{
  height: 100vh;
} 

.map-box{
  position: relative;
  height: 100%;
}
.data-box{
  position: absolute;
  top: 20vh;
  height: 100%;
}

App.js 文件:

    <div className="App">
      <header className="App-header">
        <h2> </h2>
      </header>
      <body className="grid"> 
        <div className='map-box'> <Map /> </div>
        <div className='data-box'> <Data />  </div>
      </body>
    </div>
``

Answer 1

这是css的事情。尝试给出 data-box 样式 z-index 比方说 10.

如何使组件始终位于 react-leaflet 地图之上？

How can I make component always on top of react-leaflet map?

javascript

css

reactjs

react-leaflet