Question

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

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

代码和平：

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组件处理然后路由它可能会更容易（如果您真的想使用React Router这样）到电子应用程序。

有关使用React Router的相对清晰的示例，请参见此处： https://reacttraining.com/react-router/web/example/basic

我建议您看一下该页面上的工作情况。

我在您的示例中注意到的一件事-您不需要'/electron-game.html'中的'html'。它没有获得实际的html资源。

如何正确使用React-route？

1 个答案: