使用哈希网址反应路由器

Question

我是新手做出反应。我想将反应路由器实现为哈希URL。 例如，我需要在react-router中使用url＃/ list，但默认情况下使用/ list url。如何在react中实现hash url？

Answer 1

您可以使用HashURL，而不是使用HashRouter代替BrowserRouter进行路由器配置

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

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

}

如果您使用的是react-router v3或更低版本，则应指定hashHistory到路由器

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

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

}