Блог

У меня есть проект Ionic React. Мой вопрос в том, как я могу передать текущие данные из цикла или функции map на другую страницу или ссылку, которые я назначил для 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>
  

Вот поведение приложения

Я новичок в react и ionic, поэтому, пожалуйста, потерпите меня. Спасибо

Интегрируйте redux в свое приложение для управления состоянием. Перед переходом на следующую страницу назначьте данные некоторым store variable , а затем получите доступ к этим данным по следующему маршруту.