如何将json数据返回到React状态?

如何将json数据返回到React状态?,第1张

如何将json数据返回到React状态?

要发出发布请求,您必须通过componentDidMount在客户端执行此请求,然后像往常一样存储响应。您可以在此处找到完整的示例:react页面上的https://reactjs.org/docs/faq-
ajax.html

fetch("https://api.example.com/items")    .then(res => res.json())    .then(response => this.setState(response));

您将不得不将提取 *** 作调整为后期请求,但是您可以在此处找到与提取有关的更多信息:https : //developer.mozilla.org/en-
US/docs/Web/API/Fetch_API/Using_Fetch

fetch("https://api.example.com/items", {  method: 'POST',  body: JSON.stringify(data),  headers:{    'Content-Type': 'application/json'  }}).then(res => res.json()).then(response => this.setState(response)).catch(error => console.error('Error:', error));

编辑(例如Axios):

componentDidMount() {    axios.get("https://api.example.com/items")      .then(res => {        const items = res.data;        this.setState(items);      })  }


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/5642299.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-12-16
下一篇2022-12-16

发表评论

登录后才能评论

评论列表(0条)

    保存