小编pc.*_*.97的帖子

我正在我的 React 应用程序中渲染 2 个组件，它们应该一个接一个地显示在屏幕上。但它们是重叠的。此外，布局也不是我预期的那样，请参阅错误照片。我无法弄清楚原因。实际项目链接：https : //evening-coast-59870.herokuapp.com/register

这是我的主要组件 App.js，它根据路由呈现 Navbar、Login 和 Register 组件。

import React, { Fragment } from "react";
import "./App.css";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import Navbar from "./components/layout/Navbar";
import Landing from "./components/layout/Landing";
import Login from "./components/auth/Login";
import Register from "./components/auth/Register";

const App = () => (
<Router>
<Fragment>
  <Navbar />

  <Switch>
    <Route exact path="/" component={Landing} />
    <Route exact path="/login" component={Login} />
    <Route exact path="/register" component={Register} />
  </Switch>
</Fragment>
</Router> …