react-admin - 如何从 react-admin 框架中的路由中删除哈希

Question

我正在使用 react-admin 前端框架，想知道是否有办法从路由中删除“#”。我正在使用 customRoutes 属性为我们的系统提供路由集合。

<Admin
    title="my title"
    menu={Menu}
    theme={theme}
    dashboard={Ledgers}
    loginPage={LoginPage}
    authProvider={Authorization}
    dataProvider={DataProviders}
    i18nProvider={i18nProvider}
    locale="en"
    appLayout={Layout}
    customRoutes={Routes}
>
    <Resource name="users" list={Users} />
</Admin>```

Answer 1

您可以创建自己的历史记录函数(兼容 history npm 包)，并将其传递给组件以覆盖默认的历史记录策略。例如，使用 browserHistory:

import createHistory from 'history/createBrowserHistory';

const history = createHistory();

const App = () => (
    <Admin history={history}>
        ...
    </Admin>
);