停止更改路线后重新安装

Question

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import CompA from './comp-a';
import CompB from './comp-b';

import {Route, Switch, Link} from 'react-router-dom';

class App extends Component {
  render() {
    return (
      <div className="App">
          <Link to="/ca" >ca</Link>
          <br/>
          <Link to="/cb" >cb</Link>
          <div>
              <Switch>
                  <Route exact path="/ca" render={()=><CompA/>}/>
                  <Route exact path="/cb" render={()=><CompB/>}/>
              </Switch>
          </div>

      </div>
    );
  }
}

export default App;

有两个组件A和B。在组件A中，我有一个graphQL QueryRenderer，该API进行API调用以获取数据和显示。 组件B是其他一些虚拟组件。最初将显示组件A，并且graphQL将获取数据并呈现UI。现在我导航 到组件B，然后返回到组件A。此路由导致重新安装组件A，因此调用componenetWullMount，然后 渲染方法，它强制再次从api获取数据。我们如何呈现相同的componentA实例？任何帮助将不胜感激