我们一直在使用带有hashrouter的故事书在应用程序中导航。我们有一个故事,其中包含通过hashrouter进行的路由器导航。在Storybook 5中,hashrouter可以正常工作,但是在从浏览器Storybook刷新页面时如何删除#/路由。故事书第5版没有做到这一点。是否有任何解决方法或为此进行一些配置。
import React from 'react';
import { HashRouter, Route, Switch } from "react-router-dom"
export default {
title: 'HashRouter'
};
export const RouterStories = () => {
return (
<HashRouter>
<Switch>
<Route path="/" exact>
demo 1
</Route>
<Route path="/demo2" exact>
demo 2
</Route>
<Route path="/demo3" exact>
demo 3
</Route>
</Switch>
</HashRouter>
)
}
刷新时的示例网址:
http://localhost:9009/iframe.html?id=hashrouter--router-stories&viewMode=story#/demo2
当您点击该网址刷新浏览器时,它将呈现回
http://localhost:9009/iframe.html?id=hashrouter--router-stories&viewMode=story