Реагировать маршрутизатор, используя хэш-URL

Question

Я новичок, чтобы реагировать. Я хотел бы реализовать реагировать маршрутизатор как хэш-URL. Например, мне нужен url # / list в реагирующем маршрутизаторе, но по умолчанию реакция использует / список URL. Как я могу реализовать Hash URL в реагировать?

Answer 1

Вы можете использовать HashURL, используя HashRouter вместо BrowserRouter для конфигурации маршрутизатора

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

render() {
    return <HashRouter>
         <Route path="/" component={Home} />
    </HashRouter>

}

В случае, если вы используете реагирующий маршрутизатор версии 3 или ниже, вы должны указать hashHistory к роутеру

import { Router, Route, hashHistory } from 'react-router';

render() {
    return <Router history={hashHistory}>
         <Route path="/" component={Home} />
    </Router>

}