Почему я всегда получаю сообщение об ошибке «сбой сетевого запроса» в React Native?

Сейчас работаю над личным проектом. Я создал экспресс js api и простое приложение для реагирования. При попытке получить простую форму json мое приложение api не работает. Я не знаю, в чем проблема?

App.js (РЕАКТИВНОЕ ПРИЛОЖЕНИЕ)

import React, { useState } from 'react';
import { Button, StyleSheet, Text, View } from 'react-native';
import globalStyles from "./styles/globalStyles";

export default function App() {

  const [na, setNa] = useState("Başlık");

  const getTestAPI = async () => {
    try {
      let response = await fetch(
        '192.168.1.23:3000/api/getTest', {
          method: 'GET',
          headers: {
            Accept: 'application/json',
            'Content-Type': 'application/json'
          },
        }
      );
      let json = await response.json();
      return json;
    } catch (error) {
       console.error(error);
    }
  };

  const get = () => {
    console.info(getTestAPI.title);
    console.info(getTestAPI());
    setNa(getTestAPI.title);
  };

  return (
    <View style = {globalStyles.container}>
      <Text onPress = {get} >Değerler : {na}</Text>
      <Text>cREATED BY FANTA</Text>
    </View>
  );
}

server.js (EXPRESS JS API)

    // localhost:3000/api/get   
router.get("/getTest", (req, res) => {
    res.json({"title":"Welcome to the test api get route"});
});

ОШИБКА

ОШИБКА IMG

Очевидно, что это усеченная версия вашего кода, но просто убедитесь, что ваш маршрут предназначен для /api/getTest, а не только для /getTest. Я не уверен, как у вас настроены маршруты, но ваш текущий маршрут отображается только для последнего. Дважды проверьте это и дайте мне знать, если это проблема.

wolfy 03.04.2021 20:47
imgur.com/a/ug0anRd
FantaLaTone 03.04.2021 21:03

Итак, ясно, что ваши маршруты хороши. Следующее, что я могу порекомендовать, - это попробовать запустить команду fetch из консоли Chrome, чтобы увидеть, появляется ли там сообщение об ошибке. Иногда с такими проблемами, как грубая сила, это самый простой способ найти настоящую проблему.

wolfy 03.04.2021 21:45

когда я использую 'fetch (' 192.168.1.23:3000/api/getTest ') ', я получаю обещание

FantaLaTone 03.04.2021 21:52

Убедитесь, что вы также используете await fetch в консоли

wolfy 03.04.2021 22:05

во-первых, я все еще изучаю javascript. я скопировал свой код выше и вставил его в консоль. и он только что вернул undefined

FantaLaTone 03.04.2021 22:14

Я попробовал еще раз, и он вернул то же обещание, что и раньше. Я скопировал свой const getTestAPI и вставил. после того, как я сделал это, я вызвал getTestAPI как функцию, и она вернула обещание

FantaLaTone 03.04.2021 22:17

попробуйте с http: // 192.168 ....

Nikhil bhatia 03.04.2021 22:25

@Nikhilbhatia хорошо, теперь он перестал говорить о сбое сетевого запроса, но выдает этот вывод imgur.com/a/lNOsWSv

FantaLaTone 03.04.2021 22:35

setNa (json.title) перед возвратом json, а также консольный журнал json перед возвратом json и поделиться снимком экрана

Nikhil bhatia 03.04.2021 22:44

Мне нужно превратить код в этот imgur.com/a/d318zqf, потому что в противном случае он не даст мне никакого вывода. кстати, все еще он не дает мне вывода отсюда imgur.com/a/aQeLQ7f

FantaLaTone 03.04.2021 22:59
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
11
36
0

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