如何在ReactNative中调试网络响应

ddarikpa 于 2022-12-24 发布在 React

关注(0)|答案(3)|浏览(140)

我正在尝试调试我的代码在react本地这里我有一个axios后请求唯一的响应是我得到当有一个错误是axios错误
而不是我正在寻找调试我的代码就像在react js通过检查元素和网络标签
目前，我打开我的应用程序使用npx react-native run-andoid这打开应用程序在模拟器中，真的很难调试我的代码，有人能建议一个更好的调试方法吗

var Data56 = {
        name: name,
        email: email,
        babyname: babyname,
        phone: nuber,
       
        baby_date: date,
      };
    }
   

    axios
      .post('http://10.0.2.2:8000/api/register', Data56, {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded',
        },
      })

      .then(res => {
        props.navigation.navigate('Home_scrren', {data: Data56});
     
      })
      .catch(error => {
        alert(error);
      });
  }

react-native

来源：https://stackoverflow.com/questions/74884776/how-to-debug-network-responce-in-react-native

3条答案

按热度按时间

agxfikkp1#

遵循以下步骤：-
(1)首先你需要摇动设备并打开调试选项，它会将你重定向到chrome。
(2)您需要检查它并打开控制台选项卡。

(3)您需要在VSCode中添加断点或使用chrome添加断点。

(4)然后简单地重新加载应用程序，使用它可以进行逐步调试。

赞(0）回复(0）举报 2022-12-24

hrirmatl2#

1]firstly you can see this video
2]第二，进入你的控制台窗口，按D键，看到你的模拟器是这样的

如果你按d在控制台窗口和看到你的输出在你的模拟器像这样然后在最后一个选项“调试”
它将导航到chrome屏幕这里是屏幕截图

然后写点击屏幕上，看到像检查选项这里是截图

然后会出现一个新的屏幕，进入consol选项卡，您可以看到这样的数据

"我这会帮助你"

赞(0）回复(0）举报 2022-12-24

tzdcorbm3#

if (__DEV__) {
  global.XMLHttpRequest = global.originalXMLHttpRequest
    ? global.originalXMLHttpRequest
    : global.XMLHttpRequest;
  global.FormData = global.originalFormData
    ? global.originalFormData
    : global.FormData;

  fetch; // Ensure to get the lazy property

  if (window.__FETCH_SUPPORT__) {
    // it's RNDebugger only to have
    window.__FETCH_SUPPORT__.blob = false;
  } else {
    /*
     * Set __FETCH_SUPPORT__ to false is just work for `fetch`.
     * If you're using another way you can just use the native Blob and remove the `else` statement
     */
    global.Blob = global.originalBlob ? global.originalBlob : global.Blob;
    global.FileReader = global.originalFileReader
      ? global.originalFileReader
      : global.FileReader;
  }
}

将此代码添加到根index.js
打开调试
检查选项卡网络，如Web，

我们可以看到请求和响应，还有一个选项，您可以添加reactotron或flipper，此工具将记录任何类似网络redux的操作...，无需打开调试模式希望这对您有所帮助

赞(0）回复(0）举报 2022-12-24

我来回答

如何在ReactNative中调试网络响应

3条答案

相关问题

热门标签

最新问答