如何用编码字符串替换在React Router中生成的路径

Question

启动单页应用程序并开始浏览URL路径更改时，例如：'/path/to/about/you'

如何将其更改为编码值？例如：

localhost:3000/index.html/#!a

我正在使用react16 HashRouter。

示例代码：

import React,{Component} from 'react';
import {HashRouter as Router} from 'react-router-dom';
import Page from './component/body'
import ReactDOM from 'react-dom';

class App extends Component {
    render() {
        return (
            <Router>
                <Page/>
            </Router>
        );
      }

}


ReactDOM.render(<App />, document.getElementById('myContainer'));

HashRouter生成类似-localhost：300 / example /＃/ about / you 但是我希望您被编码的字符串替换，例如localhost：3000 / example /＃！a

不幸的是，HashRouter没有公开太多选项。 这是指向文档https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/api/HashRouter.md

的链接

非常感谢。