为什么在路由器v4中使用哈希反应时，它无法正确呈现

Question

midtrans.herokuapp.com但是当我使用锚链接#时，如果您从另一个页面访问该链接，它不会完全呈现该部分，这里是截图：

普通用户界面：

如果从其他页面访问该页面，则为ui

我的代码：

Routing.js

class Routing extends Component {
  render() {
    return (
         <Switch>
             <Route exact path='/' component={Home}/>       
             <Route name="home-page" path="/home"  handler={Home} component={Home} />
            <Route path="/index" component={Home} />
            <Route path="/client" component={Client} />
            <Route path="/contact" component={Contact} />
            <Route path="/features" component={Feature} />
            <Route path="/privacy" component={Privacy} />
            <Route path="/faq" component={FAQ} />
          </Switch>
    );
  }
}

我的导航代码

<div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'>
  <ul class='nav navbar-nav navbar-right'>
    <li><Link to="features">Features</Link></li>
    <li><Link to="home#clients">Clients</Link></li>
    <li><Link to="faq">Support</Link></li>
    <li><Link to="contact">Contact</Link></li>
  </ul>
</div>