React Router 在使用电子时没有渲染组件答案

【问题标题】：React Router is not rendering component while using electronReact Router 在使用电子时没有渲染组件
【发布时间】：2017-04-27 01:06:40
【问题描述】：

我正在尝试使用 Electron + React 开发桌面应用程序。我正在使用electron-react-boilerplate。

我在 routes.js 中定义了我的路由并引用了该组件，但在开发中当我点击它时它无法呈现页面。

routes.js

import React from 'react';
import { HashRouter as Router } from 'react-router-dom';
import { Switch, Route } from 'react-router';
import App from './containers/App';
import HomePage from './containers/HomePage';
import PersonFind from './containers/PersonFind';

export default () => (
  <Router>
    <App>
      <Switch>
        <Route path="/" component={HomePage} />
        <Route path="/identify" component={PersonFind} />
      </Switch>
    </App>
  </Router>
);

PersonFind.js

import React, { Component } from 'react';
import Header from '../components/Header';


class PersonFind extends Component {
  render() {
    return (
      <div>
        <Header />
        <h1> Works </h1>
      </div>
    );
  }
}
export default PersonFind;

【问题讨论】：

那你如何使用 routes.js 文件呢？我不明白我会把它放在哪里才能让整个事情顺利进行。另外，它不会导出任何名称，只是一个返回反应组件的匿名函数，所以我不确定如何使用它。谢谢

标签： reactjs react-router electron

【解决方案1】：

在你的索引路由中使用exact。

<Route exact path="/" component={HomePage} />

/identify 匹配 / 和 /identify。由于这两个路由都在 <Switch> 内，因此只有第一个（主页）会被渲染。

【讨论】：

谢谢！因为这个错误，我现在很想打开我的脑袋。