Question

我正在尝试使用react-router设置一个简单的应用程序，但无论我在URL中输入什么，在BrowserRouter设置的地方都不会显示任何内容。

这是我的代码：

import React, { Component } from 'react';

import {BrowserRouter,Switch, Route} from 'react-router-dom';

import logo from './logo.svg';
import './App.css';
import MyApp from './MyApp';
import Deducciones from './Deducciones';
import MainMenu from './MainMenu';

class App extends Component {
render() {
return (
  <div className="App">
  <BrowserRouter>
      <div>
          <header className="App-header">
            <img src={logo} className="App-logo" alt="logo" />
            <h1 className="App-title">Welcome to My App</h1>
          </header>
          <Route exact path="/" Component={MainMenu} />
          <Route exact path="/myapp" Component={MyApp} />
          <Route exact path="/deduc" Component={Deducciones} />
      </div>
   </BrowserRouter>

  </div>
);
}
}

export default App;

我尝试在网址中输入http://localhost:3000/，http://localhost:3000/myapp和http://localhost:3000/deduc，但除徽标外没有显示任何内容。

我也尝试用a来封闭我的路线，但结果却是一样的。有人能告诉我我错过了什么吗？

Answer 1

应该是component小写，而不是Component大写，为什么你的路由器可能无法正常工作

  <Route exact path="/" component={MainMenu} />
  <Route exact path="/myapp" component={MyApp} />
  <Route exact path="/deduc" component={Deducciones} />

React Router不显示我配置的任何路由

1 个答案: