小编Abh*_*ter的帖子

在此输入图像描述

图像

在反应应用程序顶部遇到空白

检查图像

反应应用程序顶部出现奇怪的空白。我开发的应用程序甚至不是一个大的反应应用程序，但有一些东西占据了那里的空间并在那里创建了一个空白空间。我已经删除了旧项目并做了这个新项目，认为它会消除我的错误，但结果相同。我正在使用路由包来通过我的应用程序react-route-dom进行路由。我尝试了所有可能的方法，但找不到错误或触发反应应用程序顶部空白的代码行。请任何人帮助我必须提交我的项目！

应用程序.js

import React from 'react'
import './App.css'; 
  function App() {
  return (
   <div className="App">
    <h1>Hello</h1>
   </div>
 );
}export default App

应用程序.css

.App {
 text-align: center;
 background: red;
 height: 30%;
 }

索引.js

        import ReactDOM from 'react-dom';
         import './index.css';
      import App from './App';
   import reportWebVitals from './reportWebVitals';
      import { BrowserRouter } from 'react-router-dom'
         const app = <BrowserRouter><App/></BrowserRouter>
           ReactDOM.render(
       <React.StrictMode>
         {app}
      </React.StrictMode>,
        document.getElementById('root')    );
       reportWebVitals()




**index.css**

  body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', …