如何在React中与DecisionTree.io API交互

有人能帮我用GET和PUT示例连接到这个API吗

我正在尝试使用React与www.decisiontree.io的API交互。他们的api文档是我被告知我可以使用在我的帐户设置中生成的令牌与他们的api交互，但我不知道如何使用它

我对此很在行，但已经花了数小时通过Chrome inspector网络选项卡检查端点，并通过邮递员尝试不同的“获取”和“放置”请求

我已经学习了一些教程，其中包括使用fetch（）和axios进行数据获取，例如

我用我的名字生成了一个令牌 mikepeiman:

711KULYQPCAKVBONKNANAGG4LQHUS8TR0GCJJ3C30IO77GJWP7D2U0G0T4RO

检查员：我得到了这些：

x-csrf-token:

3B3YPCNI9AK9L7FOHTDCCCQKBMK257JHLJIQKF

x-xsrf-token:

EYJPDII6ILNMEKxGBGxYCDHYA0K1NM2FHdue9PsiSinzHvLijoIvYT6QJZDHFKJFKJFKJJJJJRhSGJCL1RTDK15NxJRQWWWZHNDFKgNxHWZKv1R3PNVK9JxC9ZZZZNv9FZWQ0Tc0Tc0TjJJJJWWWWWFFJJJJJJJJJJJJJJJJJJJW5ZWWWJJJJJJJJJJJWWW5ZWWWWW5ZFJJJJJJJWWWWK5ZFK5ZFJJJWWWWWWWWWWW

下面是我在App.js中我的应用程序组件中尝试将上述教程代码改编为此API的内容：

getGoal = (query) => {
  axios.get('https://https://decisiontree.io/api/decisions/27/name')
    .then(response => {
      this.setState({
      goals: response.data.goals.name
    });
  })
  .catch(error => {
    console.log('Error fetching and parsing data', error);
  });
}

postGoal = (query) => {
  axios.post(`https://https://decisiontree.io/api/decisions/27/add-goal/${query}/`)
    .then(response => {
      this.setState({
      addGoal: response.data.goals.name
    });
  })
  .catch(error => {
    console.log('Error fetching and parsing data', error);
  });
}

  render() { 
    console.log(this.state.goals);
    return (
      <div>
        <div className="main-header">
          <div className="inner">
            <h1 className="main-title">GifSearch</h1>
            <SearchForm onSearch={this.getGoal}/>      
            <AddGoal onSearch={this.postGoal}/>
          </div>   
        </div>    
        <div className="main-content">
          <GifList data={ this.state.goals } />
        </div>
      </div>
    );
  }

getGoal=（查询）=>{
axios.get（）https://https://decisiontree.io/api/decisions/27/name')
。然后（响应=>{
这是我的国家({
目标：response.data.goals.name
});
})
.catch（错误=>{
log（'Error fetching and parsing data'，Error）；
});
}
postGoal=（查询）=>{
轴心柱(`https://https://decisiontree.io/api/decisions/27/add-目标/${query}/`）
。然后（响应=>{
这是我的国家({
addGoal:response.data.goals.name
});
})
.catch（错误=>{
log（'Error fetching and parsing data'，Error）；
});
}
render（）{
log（this.state.goals）；
返回(
礼品搜索
);
}

非常感谢您的帮助，谢谢
 Mike，这里的主要问题是，决策树api提供的文档不太清楚我们必须如何启动api请求。我浏览了api文档，创建了一个免费帐户，生成了令牌，但在文档中找不到一句关于如何使用令牌的话。如果您有一个付费帐户，我建议您发送一封邮件，以支持如何使用api。一旦你弄明白了这一点，将其与React或任何其他库集成应该很容易。谢谢Saurabh。我想这可能只是因为我是个笨蛋，很明显我错过了一些东西。不，我不是付费会员，只是一个免费会员，我创建了一个像你一样的代币。我在Hackernest活动中遇到了创始人，我会给他发电子邮件询问。当然。。如果你收到回复，请用你的发现更新帖子。他从来没有回复过邮件，但当我昨晚在一次聚会上看到他并问他时，他建议只使用该应用程序，并在“网络”选项卡中观看活动，以确定如何使用端点。这似乎不是很有希望。试试看