Javascript 我能'；我不知道如何为predictHQ api调用api

我正在尝试进行API调用以显示该区域中的事件。 我对API调用有点陌生，尤其是在react上。在过去的几个小时里，我一直在尝试调用这个API，我尝试了各种方法，但我想我只是不完全理解API文档。我想知道是否有人可以看一下？我可以从邮递员那里打个电话，但我不知道怎么打。 我从控制台返回的响应是401（客户端身份验证失败）

我现在正试图将API调用到控制台

文件如下：

我真的很感激任何帮助，即使它是一个比我现在使用的更好的API。 谢谢

从“React”导入React，{Component}；
从“axios”导入axios；
导出默认类Home extends组件{
构造函数（）{
超级（）；
此.state={
孤岛加载：是的，
事件：[]，
};
}
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（错误=>console.log（'parse failed'，错误
))
}
render（）{
const{isLoading，events}=this.state；
返回(
为什么Url中嵌入了标题？我只是尝试了各种方法，这是我最后的希望哈哈，标题应该在哪里？所有以授权开始的内容都应该在标题中，请参阅此处了解如何设置标题。此外，将客户机密和令牌放在公共网站上也是一个糟糕的主意，仅供参考

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>

        )
    }
}