TypeError:fetch不是React Native&中的函数。笑话

时间:2017-03-07 13:01:36

标签: javascript react-native jestjs

我有一个 React Native 项目,其中只包含使用新项目创建的示例 Jest tests (他们只检查渲染是否适用于iOS和Android)。

我的项目在其中一个组件中使用fetch来表示网络请求。这在运行应用程序时工作正常,但是当我运行测试时,它们会失败并显示以下错误消息:

  

TypeError:fetch不是函数。

任何人都知道发生了什么?

这是我的代码中使用fetch的部分:

export default class MainScene extends Component {

constructor(props) {
    super(props);
    this.renderRowView = this.renderRowView.bind(this);
}

onFetch(page = 1, callback) {

    var date = new Date();
    date.setDate(date.getDate() - 7);

    fetch(  url, {
        method: 'GET',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json'
        }
    })
    .then((response) => response.json())
    .then((responseJson) => {
        if (responseJson.response.pages <= page) {
            callback(responseJson.response.results, {
                allLoaded: true
            });
        } else {
            callback(responseJson.response.results);
        }
    })
    .catch((error) => {
        console.error(error);
    });
}}

测试文件:

import 'react-native';
import React from 'react';
import Index from '../index.ios.js';
import renderer from 'react-test-renderer';

it('renders correctly', () => {
  const tree = renderer.create(
    <Index />
  );
});

1 个答案:

答案 0 :(得分:6)

将其添加到您的测试文件中。

import 'isomorphic-fetch';