Реагирует изменение URL-адреса маршрутизатора, но не компонента

Question

React Router меняет URL, но компонент не отображается Я уже искал ответ, но ни один из этих примеров не сработал Текущая версия React Router & React Router DOM - 5.0.0 Это все еще просто создать-реакция-приложение

Я пытался использовать Switch тег

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

const Index = () => {
  return <h2>Home</h2>;
};

const About = () => {
  return <h2>About</h2>;
};

const Users = () => {
  return <h2>Users</h2>;
};

class App extends Component {
  render() {
    return (
      <Router>
        <div className="App">
          <header className="App-header">
            <li>
              <Link to="/">
                <h1>Home</h1>
              </Link>
            </li>
            <li>
              <Link to="/about">
                <h1>About</h1>
              </Link>
            </li>
            <li>
              <Link to="/users">
                <h1>Users</h1>
              </Link>
            </li>
          </header>
          <hr />
          <Route exact path="/" Component={Index} />
          <Route path="/about" Component={About} />
          <Route path="/users" Component={Users} />
        </div>
      </Router>
    );
  }
}

export default App;

Не будет визуализировать компонент

Answer 1

Я думаю, что это простая ошибка. Вы использовали заглавную букву атрибута в своих маршрутах.

Answer 2

Попробуйте установить атрибут 'component' в нижнем регистре c