React路由器在使用電子時不是渲染組件

Question

我正在嘗試使用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; 

Answer 1

使用exact在索引路線。

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

/identify比賽既/和/identify。由於這兩條路線在<Switch>之內，因此只有第一個（HomePage）被渲染。