Question

我已使用redux将axios集成到我的react本机应用程序中。设置axios配置后，我无法打我的后端api。最终，我在安装了组件的虚拟api中碰到了一个不起作用的东西。

在使用react native redux和axios浪费了2天之后，我尝试了虚拟api，它使用邮递员给出响应，但是使用axios我的api没有被调用。

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import axios from 'axios';

class IdeaList extends Component {
    componentDidMount = () => {
        debugger;
        let response = axios.get('https://192.168.0.1:63418/Values/Get').then(res => console.log('here comes data',res.data)).catch(err => console.log('err is', err));
        return response
    }
    render() {
        return (
            <View>
                <Text>IdeaList</Text>
            </View>
        )
    }
}

export default IdeaList;

我只想点击我的后端api并获得响应

Answer 1

发出请求的方式没有问题，您应该看到控制台日志。 Here is a working example。

如果不是，那意味着您的API URL存在问题，您应该调查一下。

但是，您应该注意，除非您使response为异步函数并使用await operator，否则已定义的componentDidMount变量将不包含返回的数据。另外，componentDidMount不需要返回任何值。如果要在渲染函数中使用响应，则应该将其存储在组件状态中。

axios在react-native中无法获取请求

1 个答案: