Question

我正在尝试进行API调用以显示该区域中的事件。我是API调用的新手，尤其是在react上。在过去的几个小时中，我尝试调用此API，但是尝试了很多事情，但是我认为我对API文档并不完全了解。我想知道是否有人可以看看？我可以打电话给邮递员，但我不确定该如何做。我从控制台返回的响应是401（客户端身份验证失败）

我现在只是试图将API调用到控制台。

这里有文档：https://developer.predicthq.com/oauth2/

我将非常感谢您提供的任何帮助，即使它提供了比我正在使用的API更好的API。谢谢


import React, { Component } from 'react';
import axios from 'axios';

export default class Home extends Component {

    constructor() {
        super();
        this.state = {
            isLoading: true,
            events: [],
        };
    }

    componentDidMount() {
        this.fetchApi();

    }

    fetchApi() {

        axios.get('https://api.predicthq.com/v1/events/?q=music&city=galway&country=IE')
            .then(response => response.json())
            .then(parsedJSON => (parsedJSON.results))
            .catch(error => console.log('parse failed', error
            ))
    }

    render() {
        const { isLoading, events } = this.state;

        return (

            <div className={`content ${isLoading}? 'is-loading: ''`}>
                <div>
                    {
                        !isLoading && events.length > 0 ? events.map(event => {
                            return <div>
                                <p>Api: </p>
                            </div>
                        }) : null
                    }
                </div>

                <div className="loader">


                </div>

            </div>

        )
    }
}

我不知道如何使api调用predictHQ api

0 个答案: