1.我认为你需要使用react-router-domnpm library
1.然后你需要使用<Link>组件和（to）属性<Link to={_link distination_}>{children}</Link>
例如，它将是这样的（确实在你设置好路由器之后）

import {Link} from 'react-router-dom'
function MyComponent({game}){

return 

  <IonList>
    {gamesJson.map((game) => {
      const href = game.software_used ?`/games/id/${game.steam_appid}` : '/games'
  
      return 
       <Link to={href} key={game.steam_appid}>
          <IonItem>
             <IonThumbnail slot="start">
                 <img alt={game.name} src={game.header_image}/>
             </IonThumbnail>
             <IonLabel>
                 <h2>{game.name}</h2>
                 <p>{game.developer}</p>
             </IonLabel>
         </IonItem>      
      </Link>
  })}
                        
                   
</IonList>
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

这样，您将使用react路由，页面将不会重新呈现。

值得一提的是，我相信我曾经通过将路由呈现到从react-router-dom导出的Switch组件中来解决过类似的问题。IonContent组件在您的情况下可能需要，也可能不需要，但在这里将其作为示例：

import { Redirect, Route, Switch } from "react-router-dom";
import {
  IonContent,
  IonRouterOutlet,
  IonIcon,
  IonLabel,
  IonTabs,
  IonTabBar,
  IonTabButton,
  setupIonicReact,
} from "@ionic/react";
import { IonReactRouter } from "@ionic/react-router";

<IonReactRouter>
  <IonTabs>
    <IonRouterOutlet>
      <IonContent>
        <Switch>
          <Route path="/games/id/:id" component={GameDetailsPage}  />
          <Route path="/games" component={GameListPage} />
          <Route path="/software" component={SoftwareListPage} />
          <Redirect to="/games" />
        </Switch>
      </IonContent>
    </IonRouterOutlet>
    <IonTabBar slot="bottom">
      <IonTabButton tab="games" href="/games">
        <IonIcon aria-hidden="true" icon={triangle} />
        <IonLabel>Games</IonLabel>
      </IonTabButton>
      <IonTabButton tab="software" href="/software">
        <IonIcon aria-hidden="true" icon={ellipse} />
        <IonLabel>Software</IonLabel>
      </IonTabButton>
    </IonTabBar>
  </IonTabs>
</IonReactRouter>