при использовании route в React и маршрутизации функции без сохранения состояния ничего не отображается

Question

вот код

, когда я пытаюсь маршрутизировать на localhost: 3000 / ничего не появляется

import React, { Component } from "react";
import ReactDOM from "react-dom";
import { BrowserRouter as Router } from "react-router-dom";
import Route from "react-router/Route";
//import Home from "./components/Home";
const Home = () => {
  return (
    <div>
      <h6>East or West home is The best </h6>
    </div>
  );
};
class App extends Component {
  state = {};
  render() {
    return (
      <Router>
        <div className="app">
          <Route path="/a" Component={Home} />
        </div>
      </Router>
    );
  }
}

export default App;
ReactDOM.render(<App />, document.getElementById("root"));

Answer 1

используйте Route вместо Router и оберните ваше приложение под Router, как показано ниже

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


const Home = () => {
  return (
    <div>
      <h6>East or West home is The best </h6>
    </div>
  );
};
class App extends Component {
  state = {};
  render() {
    return (
      <div className="app">
          <Route>
             <Route path="/a" Component={Home} 
          />
      </div>
    );
  }
}

export default App;
ReactDOM.render(<Router><App /></Router>, document.getElementById("root"));