Блог

Главная - Вопросы по программированию - Переход к определенному URL-адресу ionic React JS

Переход к определенному URL-адресу ionic React JS

#javascript #reactjs #ionic-framework

#javascript #reactjs #ionic-framework

Вопрос:

При нажатии кнопки IonIcon мне нужно загрузить определенный URL-адрес. Единственное, что я смог найти, это использовать

this.props.history.push(‘/’)

Но что мне нужно сделать, так это вернуться домой. Как это возможно сделать?

 const Ingresar: React.FC = () => {

    const goBack = () => {
        this.props.history.push('/')
        };

  return (
    <IonPage>
      <IonHeader>
      <IonToolbar>
        <IonGrid>
          <IonRow>
          <IonCol><IonIcon icon={arrowBack} onClick={goBack} slot="start" id="flecha-volver">  </IonIcon></IonCol>
          <IonCol id="columna2" ><strong id="texto-pagina">Registro de usuario</strong></IonCol>
          </IonRow>
        </IonGrid>
      </IonToolbar>
      </IonHeader>
      <IonContent fullscreen>
        <IngresarDatos></IngresarDatos>
      </IonContent>
    </IonPage>
  );
};

заранее спасибо.

Комментарии:

1. вы не можете получить доступ this к функциональному компоненту

2. Спасибо @Nisharg. Как я могу перейти к определенному URL-адресу с помощью события щелчка IonIcon?

Ответ №1:

Вы не можете получить доступ this в functional component 

 const Ingresar: React.FC = props => {

    const goBack = () => {
        props.history.push('/')
    };

  return (
    <IonPage>
      <IonHeader>
      <IonToolbar>
        <IonGrid>
          <IonRow>
          <IonCol><IonIcon icon={arrowBack} onClick={goBack} slot="start" id="flecha-volver">  </IonIcon></IonCol>
          <IonCol id="columna2" ><strong id="texto-pagina">Registro de usuario</strong></IonCol>
          </IonRow>
        </IonGrid>
      </IonToolbar>
      </IonHeader>
      <IonContent fullscreen>
        <IngresarDatos></IngresarDatos>
      </IonContent>
    </IonPage>
  );
};

Комментарии:

1. Спасибо @Nisharg. Как я могу перейти к определенному URL-адресу с помощью события щелчка IonIcon?

2. введите URL-адрес этого компонента здесь .push('/<HERE>')

3. props.history.push(‘/ home’) выдает ошибку: не удается найти имя ‘props’.ts(2304)

4. Пожалуйста, укажите реквизиты в первой строке, например cont Ingresar: React.FC = props => {...}

5. Если вам понравился мой ответ или вы получили какую-либо помощь от моего ответа, не забудьте рассмотреть возможность голосования и отметьте этот ответ как лучший для вас, нажав на стрелку вправо, спасибо!

Метки: