React Routerが電子を使用している間にコンポーネントをレンダリングしていません

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。 /と/identifyの両方で

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

/identify一致。これらの2つのルートは<Switch>の内部にあるため、最初の1つ（ホームページ）のみレンダリングされます。