Ошибка: тип элемента недействителен: ожидается строка (для встроенных компонентов) после использования React Router. Ошибка указания на ReactDOM.render в index. js - PullRequest
Новая
       80

Ошибка: тип элемента недействителен: ожидается строка (для встроенных компонентов) после использования React Router. Ошибка указания на ReactDOM.render в index. js

0 голосов
/ 03 августа 2020

Я использую BrowserRouter.Router из response-router-dom в моем приложении. js, чтобы связать все мои страницы. Когда после использования реактивного маршрутизатора я получаю эту ошибку в браузере. введите здесь описание изображения

Как видите, ошибка указывает на responseDOM.render в моем индексе. js. Я не понимаю, почему это должно быть проблемой, если я использую реагирующий маршрутизатор в приложении. js.

Это мое приложение. js выглядит так: 

import React from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';

import Navbar from './components/Navbar/index';
import Footer from './components/Footer/index';
//pages
import Home from "./components/Pages/Home";
// import About from "./components/Pages/About";
import Portfolio from "./components/Pages/Portfolio";
import Contact from "./components/Pages/Contact";

import './App.css';

function App() {
  return(
    <Router>
      <Navbar/>
        <Route exact path="/" component={Home}/>
        <Route exact path="/about" component={Home}/>
        <Route exact path="/portfolio" component={Portfolio}/>
        <Route exact path="/contact" component={Contact}/>
      <Footer/>
    </Router>
  );
}

export default App;

Вот как выглядит мой файл index. js: 

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';


ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: 
serviceWorker.unregister();

Я не уверен, в чем проблема, может ли кто-нибудь объяснить мне, почему на responseDOM.render влияет использование Router в приложении. js. Похоже, я все правильно импортировал. Мне нужна вторая пара глаз. ПОЖАЛУЙСТА ПОМОГИ! lol Спасибо

CodeSandbox находится:

https://codesandbox.io/s/vigorous-colden-0c73r?file= / src / App. js

...