您可以使用Ionic React中的ion-router-link组件。

import { IonBreadcrumbs, IonBreadcrumb } from '@ionic/react';
import { IonRouterLink } from '@ionic/react-router';

const App = () => {
  const isSenderCompleted = () => {
    return true; // Replace with your logic
  };

  return (
    <IonBreadcrumbs>
      <IonBreadcrumb>
        {isSenderCompleted() ? (
          <IonRouterLink href="#sender">Sender</IonRouterLink>
        ) : (
          <span>Sender</span>
        )}
      </IonBreadcrumb>
    </IonBreadcrumbs>
  );
};

export default App;

字符串

原来正确地有散列切换出的URL，我不应该使用“href”，而是“routerLink”，例如.

<IonBreadcrumb>
        {isSenderCompleted() ? <IonRouterLink routerLink={`#sender`}>Sender</IonRouterLink> : <span>Sender</span>}
      </IonBreadcrumb>

字符串