如何正确使用React-route？

Question

这种情况：我有主页index.html。我没有使用React。但是在主页面上有一个链接在我使用React的游戏页面上。

我需要在游戏页面上创建应用程序，但webpack（我认为）只能在index.html.上呈现应用程序我在游戏页面上有渲染容器。但反应忽略了它。另一方面，当我在主页面上为rander创建容器时，所有都是okey。

代码和平：

import React from 'react';
import ReactDOM from 'react-dom';

import ElectronApp from './components/ElectronApp';

import {
  HashRouter,
  Route
} from 'react-router-dom'


ReactDOM.render(
  <HashRouter>
    <Route path="/electron-game.html" component={ElectronApp} />
  </HashRouter>,
  document.getElementById('root')
)

我该怎么做才能解决我的问题，我不需要使用路由器。

Answer 1

我知道你说你不需要在主页面中使用React，但它可能更容易（如果你真的想要像这样使用反应路由器），将链接作为反应组件处理，然后让它路由到电子应用。

请参阅此处以获取使用React Router的相对清晰的示例：https://reacttraining.com/react-router/web/example/basic

我建议看一下该页面上的工作原理。

另外，我在你的例子中注意到一件事 - 你不需要'/electron-game.html'中的'html'。它没有获得真正的html资源。