React Routes

I can't found anything about BrowseRoutes, Routes, Route Section. And my issue is, when I try to use an old code example

import React from 'react';
import {
    BrowserRouter as Router,
    Routes,
    Route,
    IndexRoute,
    Link
} from 'react-router-dom';
import StoreProvider from '../components/Store/Provider';
import Login from './users/Login/Login';
import dashboard from './dashboard/dashboard';
import PageHome from './home/home';
import test from './test';

const PagesRoot = () => {
    return (
        <Router>
            
            <div className="App">
    <ul>
      <li>
        <Link to="/">Home</Link>
      </li>
      <li>
        <Link to="/test">Test</Link>
      </li>
      <li>
        <Link to="/Login">Login</Link>
      </li>
    </ul>

                <Routes>
                    <Route exact path="/" component={PageHome}  />
                    <Route exact path="/test" component={test} />
                    <Route exact path="/Login" component={Login} />
                </Routes>
                </div>
        </Router>
        
    )
}
 
export default PagesRoot;

I can't redirect to component page

首先查看 issue 中的 React Router 示例，以及缺失的 BrowseRoutes、Routes 和 Route 引用。明确应处理哪种路由行为或文档缺口，然后验证最终的指导是否说明了如何路由到一个组件。