android - express 端口 3000，react native 端口 8081，如何发出 get 请求

In lại Tác giả: Walker 123 更新时间：2023-11-29 15:40:05 28 4

import axios from 'axios';
import React, {Component} từ 'react';
import { AppRegistry, Text } from 'react-native';
import { Container, List, ListItem, Header, Title, Content, Thumbnail } from 'native-base';
import { Action } from 'react-native-router-flux';

export default class Class extends Component {
  componentWillMount(){
    axios.get('https://localhost:3000')
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
      });
}

render() {
    return (
      
        

         contents here );}}

Error: Network Error
    at createError (createError.js:15)
    at XMLHttpRequest.handleError (xhr.js:87)
    at XMLHttpRequest.dispatchEvent (event-target.js:172)
    at XMLHttpRequest.setReadyState (XMLHttpRequest.js:542)
    at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:378)
    at XMLHttpRequest.js:482
    at RCTDeviceEventEmitter.emit (EventEmitter.js:181)
    at MessageQueue.__callFunction (MessageQueue.js:236)
    at MessageQueue.js:108
    at guard (MessageQueue.js:46)

import { Platform } from 'react-native';

const host = Platform.select({
    ios: 'localhost',
    android: '10.0.2.2',
});

// ...
    axios.get(`http://${host}:3000/`)
    // ...

28 4 0

• react-native - 如何正确地将 native 手势处理程序可触摸内容与 native 可触摸内容混合使用？

  在这种情况下，我们在应用程序中同时使用react-native-gesture-handler Touchable和react-native Touchable。 (通过Touchables，我的意思

• react-native - native 基础页脚接受玩家在 native react 中的触摸

  我有一个 MainFooter包含页脚和迷你播放器的组件，单击时动画显示为全 View 。我有一个问题，每当我们点击一个页脚选项卡时，播放器最大化然后卡在那里，没有响应。 此外，播放器内部的向下箭

• react-native - 如何在 native react 、 native 基础中使卡片呈圆形

  我在 native react 之上使用 native 基础组件，我想知道如何在 UI 中使卡片呈圆形而不是矩形。有圆形的 Prop 吗？ 最佳答案 好吧，实际上没有人能回答这个问题，但幸运的是我在

• react-native - 如何在 native react 、 native 基础中使卡片呈圆形

  我在 native react 之上使用 native 基础组件，我想知道如何在 UI 中使卡片呈圆形而不是矩形。有圆形的 Prop 吗？ 最佳答案 好吧，实际上没有人能回答这个问题，但幸运的是我在

• react-native - react native 路由器通量和 native 基础容器

  我是 react-native 的新手，所以我认为“HTML”而不是“native”可能有点太多了，所以我的问题看起来很愚蠢。 我使用 react-native-router-flux 进行路由，并使

• react-native - 不变违规 : ViewPagerAndroid has been removed from React Native .'react-native-viewpager' instead of 'react-native'

  当我使用这个例子在我的应用程序上实现 Image-slider 时，我遇到了这个错误。 import React,{Component} from 'react' import {View,T

• react-native - Native Base Picker 项目的条件渲染 [React Native]

  我正在为我们的产品使用“Native Base”组件，并且效果很好， 但我有一点被卡住了，它是关于将 Items 放入 Nativebase Picker 的问题。我的代码是这样的 渲染方法代码 -

• react-native - 为什么这个对 react-native native 模块的调用会阻塞 UI？

  正如文档中所建议的，我将一些长的数据获取代码移动到 native 模块中以释放 JS 线程，但我观察到这仍然阻塞了 UI。为什么会这样，我能做些什么来避免这种情况？ 从 JS 调用 native 模块

• react-native - 如何在 React Native 中获取 Native 元素的尺寸和位置

  我正在使用一个名为 react-native-svg 的框架在 React Native View 中绘制 SVG 元素。 我的目标是，当我点击 View 时(我在全局 View 上使用 PanRes

• react-native - react native Ios : Native Module cannot be null

  在 IOS 中发现错误 Native Module cannot be null 我不使用 react-native-push-notification 最佳答案 这通常发生在您未能将第三个库链接到您

• react-native - 当应用程序处于后台状态时，React Native 深层链接不起作用 React Native

  当应用程序关闭时，我可以获得由 Linking.getInitialURL() 点击的深层链接网址。 .当应用程序处于后台状态时，则不会安装任何内容。所以，我什至无法通过 Linking.addEve

• react-native - 在 native react 中链接 native 库？

  1) 说原生库是什么意思？什么样的图书馆？那些将用作 gradle 依赖项？ 2)如何链接这些？我在使用 link 或 rnpm 时遇到了麻烦。 最佳答案 链接 native 库意味着您要将已经实现的

• react-native - 运行react-native run android时无法识别Tterm 'react-native'

  我需要帮助来构建我的 react 原生项目。我尝试过react-native run-android，但出现以下错误: react-native : The term 'react-native' i

• react-native - 运行react-native run android时无法识别Tterm 'react-native'

  我需要帮助来构建我的 react 原生项目。我尝试过react-native run-android，但出现以下错误: react-native : The term 'react-native' i

• react-native - react native 操作栏和 react native 菜单

  我是 React-Native 的新手，到目前为止我很喜欢它。我正在尝试创建一个屏幕(用于跨平台应用程序)，右上角有一个菜单图标，单击时，我想打开一个菜单，希望使用 react-native-menu

• ios - React-Native iOS - 如何通过按下按钮从 React-Native View 导航到非 React-Native View ( native iOS View Controller )？

  RN doco 和其他示例展示了如何从 native iOS View Controller 启动 React-Native View ，但反之则不然。谁能解释一下我该怎么做？ 最佳答案 我能够弄清楚

• react-native - react native - "react-native-interface.js"- WebStorm

  对于 react-native - WebStorm 用户: 我正在使用 Jet Brains IDE WebStorm 开始一个带有 React Native 的项目。 在项目 => node_mo

• react-native - React Native - 运行命令 "react-native unlink"时出错

  在升级过去的 react-native 0.60 之后......我被警告我应该取消链接所有手动链接的第 3 方库(因为 RN 现在通过自动链接处理它)。 但是，当我运行 react-native u

• react-native - 您可以将具有 native 依赖项的库添加到 Expo react native 项目吗？

  你可以使用像 https://github.com/tolu360/react-native-google-places 这样的库吗？在世博项目中？我假设任何 npm 库都可以添加，但是像这个 goo

• react-native - 为什么 "react-native link some-native-module"是彩票？

  我主要喜欢 React Native。自 0.22 以来一直在使用它。目前为 0.35。 但是为什么链接原生库就像抽奖一样呢？我很少在第一次拍摄时让它发挥作用，而破裂的东西通常是完全不同的东西。 每个