javascript - React Native - fetch 似乎没有触发

标签 javascript reactjs react-native fetch

Fetch 似乎没有触发 - 这是我在 React Native 中的组件:

import { Button } from 'react-native';

export function Test() {
  function submit() {
    console.log('submit');
    fetch('https://swapi.co/api/people/1/').then(
      res => {
        console.log('res', res);
        return res.json();
      },
      err => console.log('err', err)
    ).then(
      res => console.log('res', res)
    ).catch(
      err => console.log('catch', err)
    ).finally(
      res => console.log('finally', res)
    );
    console.log('after');
  }
  return (
    <Button
      title="Test"
      onPress={submit}
    />
  );
}

我在控制台中看到的唯一内容是:

submit
after

我也尝试过Axios,结果是一样的。

Android 和 IOS 都会出现此问题...

<小时/>

编辑

刚刚尝试使用 XMLHttpRequest api,同样,只有 submit 日志:

function submit() {
  console.log('submit');
  var request = new XMLHttpRequest();
  request.onreadystatechange = (e) => {
    console.log('ready', e);
    if (request.readyState !== 4) {
      return;
    }
    if (request.status === 200) {
      console.log('success', request.responseText);
    } else {
      console.warn('error');
    }
  };
  request.open('GET', 'https://swapi.co/api/people/1/');
  request.send();
}

最佳答案

onPress={() => this.submit()}怎么样

关于javascript - React Native - fetch 似乎没有触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58110481/

相关文章:

javascript - 委托(delegate)uploadfile事件来控制动态加载

reactjs - 类型 'RefObject<HTMLDivElement>' 的参数不可分配给类型 'IDivPosition' 的参数

javascript - 如何获取 <TouchableOpacity> 内的类范围

javascript - React VR 组件和 native 模块代码之间的持久桥梁

android - 无法将 react-native 应用程序安装到移动设备中(从服务器 : Forbidden) 收到状态代码 403

javascript - 远程数据源在 Jquery Mobile 自动完成中如何工作?

Javascript - 在数组中插入占位符值以保持数组长度

javascript - 通过数组 React Router 映射

javascript - react native 导航给出错误 "undefined is not an object (evaluating ' _this.props.navigation.navigate')"

javascript - 使用 CSS 更改 slider 上的起始位置时出现问题