【发布时间】:2019-03-21 19:58:26
【问题描述】:
所以我在 Visual Studio Code 中构建了整个项目,我在 Chrome 和 Explorer 上对其进行了测试,它可以正常工作,只需按一下按钮,它就会检索到新的报价和作者,太好了,我认为是时候将它放入 codepen,不,不起作用。这是发生的事情,我正在使用http://quotesondesign.com/api-v4-0/ 来获取我的报价,当您将其放入浏览器时,您会看到它检索到的内容 http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1 问题似乎在Firefox上,如果您输入此内容,您将获得报价,但是,如果您输入相同的链接(请注意,不要刷新页面而是使用相同的链接),您将获得相同的报价,但在chrome中,它会给你一个新的报价,所以我试着看看如果我在 chrome 上使用 codepen 是否会工作,但它根本不起作用,因为在 chrome codepen 上,api 调用甚至不会检索任何数据。这是我现在正在使用的功能。 我获取新函数的代码如下所示。
getRandomQuote = event =>{
fetch('https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1')
.then(response => response.json())
.then(data => {
if(data[0].content && data[0].title && data[0].link){
let {quote} = this.state;
let quoteData=data[0];
quote.content = quoteData.content;
quote.link = quoteData.link;
quote.title = quoteData.title;
this.setState({
quote,
isLoaded:true
})
}
else{
return console.error('No Quote :(')
}
})
}
这是我的 codepen 的链接:https://codepen.io/russiandobby/pen/OqaxWW?editors=1111 我怎样才能得到它来检索新的 cote?
【问题讨论】:
标签: javascript reactjs api