2

我已经成功地使用电子成功打包了一个 React 应用程序。它运行良好并加载主页,但是当我尝试路由时,它根本不起作用。我正在为我的项目使用reach-router,我猜我必须为此目的调整我的路由配置。

仅供参考,这不是我正在发出的网络请求,它只是从不需要 API 调用的主页路由到登录页面。但什么也没有发生。

import { Router } from '@reach/router';
const App = () => (
    <Provider store={STORE}>
      <Main>
        <Router>
           <Home default path="/" />
           <Login path="login" />
        </Router>
      </Main>
   </Provider>
);


export default App;

有关如何使用 react-router 解决此问题的帮助,但互联网上的reach-router上没有任何内容。

4

1 回答 1

5

好的,所以我在 Github 上遇到了这个问题,建议的解决方案按预期工作: https ://github.com/reach/router/issues/25

这个想法是使用内存历史记录(因为reach不支持哈希)。为此,Reach 公开了 createMemorySource、createHistory 和 LocationProvider。

let source = createMemorySource("/starting/url")
let history = createHistory(source)

let App = () => (
  <LocationProvider history={history}>
    <Router>
      {/* ... */}
    </Router>
  </LocationProvider>
)

Reach-router 文档建议创建内存源是出于开发目的,但它非常适合 Electron 用例。我希望这对将来的某人有所帮助。

于 2019-01-02T19:44:37.067 回答