javascript - Ionic React routerLink 将数据传递到另一个页面

Question

我有一个 Ionic + React 项目。我的问题是如何将当前数据从循环或映射函数传递到我分配给routerLink. 这是因为我想要循环的特定数据，以便其他页面显示所选数据。这是我的代码示例。

      <IonList>
          {doctors.map((elem, index) => {
            return (
              <IonItem routerLink="/addAppointment" key={index}>
                <IonAvatar slot="start">
                  <img src={elem['imageUrl']} ></img>
                </IonAvatar>
                <IonLabel >
                  <IonText className="font-weight: bold;">
                    <h2>{elem["name"]}</h2>
                  </IonText>
                  <h3>{elem["speciality"]}</h3>
                  <h4>{elem["email"]}</h4>
                </IonLabel>
                <br></br>
              </IonItem>
            );
          })}
        </IonList>

这是应用程序的行为

我是新来的反应和离子所以请多多包涵。谢谢

标签： javascriptreactjsionic-frameworkroutes

Answer 1

在您的应用程序中集成 redux 以进行状态管理。在导航到下一页之前，将数据分配给一些人store variable，然后在下一条路线中访问这些数据。