Reactjs 我是react的新手，我安装了react路由dom，然后出现了这个错误 从“React”导入React； 从“react Router dom”导入{BrowserRouter as Router，Route，Switch}； 导入“/App.css”； 从“./components/layout/Navbar”导入导航栏 从“./components/layout/Index”导入索引； 常量应用=（）=>{ 返回( ); } 导出默认应用程序；

我犯了这样的错误------------

错误：元素类型无效：应为字符串（对于内置 组件）或类/函数（用于复合组件），但得到： 反对

---

检查

应用程序的渲染方法

尝试此操作。开关内部应为

路由

非

反应

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import './App.css';
import Navbar from './components/layout/Navbar'
import Index from './components/layout/Index';

const App = () => {
  return (
    <Router>
      <React.Fragment>
        <Navbar />
        <div className="container">
          <Switch>
              <React exact path="/" component={Index} />
          </Switch>
        </div>
      </React.Fragment>
    </Router>
  );
}

export default App;

从“React”导入React；
从“react Router dom”导入{BrowserRouter as Router，Route，Switch}；
导入“/App.css”；
从“./components/layout/Navbar”导入导航栏
从“./components/layout/Index”导入索引；
常量应用=（）=>{
返回(
);
}
导出默认应用程序；

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import './App.css';
import Navbar from './components/layout/Navbar'
import Index from './components/layout/Index';

const App = () => {
  return (
    <Router>
        <Navbar />
        <div className="container">
          <Switch>
              <Route exact path="/" component={Index} />
          </Switch>
        </div>
    </Router>
  );
}

export default App;