Question

我曾尝试学习 React，现在想制作一个 Route，但它似乎没有呈现概览。感谢您的帮助。

import Sidebar from "./components/Sidebar";
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom';
import Overview from "./pages/Overview";

function App() {
  return (
    <Router>
      <Sidebar />
      <Switch>
        <Route path="/overview" components={Overview} />
      </Switch>
    </Router>
  );
}

export default App;

import React from 'react';

const Overview = () => {
  return (
    <>
      <div>Please Render!!</div>
    </>
  )
};

export default Overview;

Answer 1

Route 接受 component 作为参数而不是 components。见here

你的代码应该是 -

import Sidebar from "./components/Sidebar";
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom';
import Overview from "./pages/Overview";

function App() {
  return (
    <Router>
      <Sidebar />
      <Switch>
        <Route path="/overview" component={Overview} />
      </Switch>
    </Router>
  );
}

导出默认应用；

Answer 2

添加 exact 属性如下： <Route path="/overview" exact components={Overview} />

Answer 3

你有类型错误，你写的是组件而不是组件。改变这个

<Route path="/overview" components={Overview} />

到这里

<Route path="/overview" component={Overview} />

Answer 4

您必须将组件切换到组件。只需取出 s。

反应路由不呈现

4 个答案: