Ничего не рендерится в root id - PullRequest
Новая
       8

Ничего не рендерится в root id

1 голос
/ 05 марта 2020

ничего не отображается на моей странице, и я в замешательстве. Мне было интересно, может ли кто-нибудь помочь мне с этим

приложением. js: 

import React from "react";
import Header from "../layout/Header/Header";
import Footer from "../layout/Footer/Footer.jsx";

import {
  BrowserRouter as Router,
  Route,
  Switch,
  Redirect
} from "react-router-dom";

import NotFound from "./NotFound";

import Home from "../pages/Home";
import Pricing from "../pages/Pricing";
import Contact from "../pages/Contact";
import About from "../pages/About";
import Dashboard from "../pages/Dashboard";
import Signin from "../pages/Signin";


class App extends React.component {
  render() {
    return (
      <>
        <div className="App">
          <Header />
          <Router>
            <App />
            <Switch>
              <Route exact path="/home" component={Home} />
              <Route exact path="/about" component={About} />
              <Route exact path="/contact" component={Contact} />
              <Route exact path="/pricing" component={Pricing} />
              <Route exact path="/dashboard" component={Dashboard} />
              <Route exact path="/signin" component={Signin} />
              <Route component={NotFound} />
              <Redirect from="/" to="home" />
            </Switch>
          </Router>
        </div>
        <Footer />
      </>
    );
  }
}

export default App;

А вот мой индекс. js: 

import React from "react";
import { render } from "react-dom";

import App from "./components/App/App";

//import Signup from "components/pages/SignupBRUH";
import "./styles/styles.scss";

render(<App />, document.getElementById("root"));

Мой Проект также использует паспорт, если это помогает с чем-либо. Это может быть ошибка с маршрутами или что-то. Я не знаю.

Было бы здорово, если бы кто-то мог решить это за меня, спасибо.

1 Ответ

1 голос
/ 05 марта 2020

Можете ли вы попробовать выполнить рендеринг ниже для компонента App, чтобы убедиться, что шаблон подключен правильно 

class App extends React.component {
  render() {
    return (
      <>
        <div>
            App Component
          </div>
      </>
    );
  }
}
...