Как перенаправить с axios в React Native

Я пытаюсь перенаправить в React Native. Я новичок в React Native. Может ли кто-нибудь помочь мне с этим?

 axios.post('http://10.0.2.2:8000/client/user', Data)

      .then(() => {
        //if succcess redirect to another url and pass data to that url
      })

      .catch(error => {
        alert(error);
      });
  }

я хочу перейти к другому URL-адресу и передать данные на этот URL-адрес, когда выполняется .then

это правильный способ передать это

<PaperProvider>
        <NavigationContainer>
          <Stack.Navigator>
            <Stack.Screen
              options = {{headerShown: false}}
              name = "Home"
              component = {HomeScreen}
            />
           
            <Stack.Screen name = "Home_scrren" component = {Home_scrren} />
            <Stack.Screen name = "Pregnant" component = {Pregnant} />
          
          </Stack.Navigator>
        </NavigationContainer>
      </PaperProvider>

@aplha я обновил вопрос stcak, который я использую

vivek kn 12.12.2022 12:33

Итак, после вызова API вы хотите перейти на другой экран и вызвать другой API, верно?

Alpha 12.12.2022 12:36

если выполняется .then, я хочу перейти на другой экран и передать данные на этот экран

vivek kn 12.12.2022 12:39
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
3
54
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вот как вы можете ориентироваться, если API успешно

axios
  .post("http://10.0.2.2:8000/client/user", Data)

  .then((res) => {
    //if succcess redirect to another url and pass data to that url
    if (res.status == 200) {
      props.navigation.navigate("Pregnant", { data: res.data });
    } else {
      // show alert or your logic
    }
  })

  .catch((error) => {
    alert(error);
  });

И вот как вы можете получить данные с другого экрана: Подробнее об этом

useEffect(() => {
  console.info("route.params ==>", props.route.params);
}, []);

Маршрут свойства @apha не существует, ошибка, которую я получаю в useeffect

vivek kn 12.12.2022 12:51

извините, это должно быть props.route.params. я обновлю код

Alpha 12.12.2022 12:53

теперь журнал выглядит так route.params ==> {"data": undefined}

vivek kn 12.12.2022 12:54

при навигации попробуйте это props.navigation.navigate("Pregnant", {data: res.data});

Alpha 12.12.2022 12:56

Другие вопросы по теме