Блог

Мы использовали сборник рассказов с hashrouter для навигации в приложении. У нас есть история, в которой содержится навигация по маршрутизатору через hashrouter. В сборнике рассказов 5 hashrouter работал нормально, но каким-то образом при обновлении страницы из сборника рассказов браузера #/ routes удаляется. Сборник рассказов версии 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>
    )
}
  

пример URL-адреса при обновлении:

 http://localhost:9009/iframe.html?id=hashrouter--router-storiesamp;viewMode=story#/demo2
  

Когда вы нажимаете на обновление браузера с этим URL-адресом, он возвращается к

 http://localhost:9009/iframe.html?id=hashrouter--router-storiesamp;viewMode=story