故事书6.0.26反应并使用hashrouter

时间:2020-10-25 17:53:30

标签: reactjs react-router-dom storybook

我们一直在使用带有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

0 个答案:

没有答案