Question

我正在使用laravel作为后端，并且我已经测试了所有方法，并且可以正常工作。我已经使用邮递员将其laravel作为后端对其进行了测试，并且可以正常工作。但是，当我尝试以本机反应时，它根本不起作用。我还是新来的本地人。

这是我在RN中的PinjamList.js的代码：

import React, {Component} from 'react';
import {View, Text, StyleSheet} from 'react-native';
import PropTypes from 'prop-types';

export default class PinjamList extends Component {

    static propTypes = {
        pinjams: PropTypes.array.isRequired
    };

    render() {
        return ({
            this.props.pinjams.map((pinjam) => {
                return ({pinjam.ketua_kegiatan} | {pinjam.lab})
            })
        });
    }
}

const styles = StyleSheet.create({
    pinjamList: {
        flex: 1,
        flexDirection: 'column',
        justifyContent: 'space-around',
    },
    pinjamtext: {
        fontSize: 24,
        fontWeight: 'bold',
        textAlign: 'center',
    }
});

这是用于获取数据的js文件：

const URI = 'http://localhost:8000';
export default {
    async fetchDataPinjam() {
        try {
            let response = await fetch(URI + '/api/pinjams');
            let responseJsonData = await response.json();
            return
            responseJsonData;
        } catch (e) {
            console.log(e);
        }
    }
}

这是用于在首页上显示数据的代码：

<View> { this.state.pinjams.length > 0 
? <PinjamList pinjams={this.state.pinjams} /> 
: <Text>Tidak Ada Peminjaman</Text> } </View>

但是当我尝试对其进行测试以确保其正确时，会显示此错误：

网络请求失败
  -onerror中的node_modules \ react-native \ Libraries \ vendor \ core \ whatwg-fetch.js：504：29
  -dispatchEvent中的node_modules \ event-target-shim \ lib \ event-target.js：172：43
  -...来自框架内部的另外8个堆栈框架

Answer 1

第一件事：API什么是HTTP方法？第二件事：如果方法是get，请添加有关浏览器或邮递员结果的屏幕截图

Answer 2

无论如何，它已经修复了，...由于某种原因缺少表情而被卡住了...对不起...谢谢您帮助我。对于那些使用智能手机来编译应用程序的人，请检查IP地址，确保您的手机和笔记本电脑连接到同一网络，如果您的应用程序有问题，请对代码进行多次检查... 谢谢-

使用Laravel作为后端在React Native中获取数据时出错

2 个答案: