使用fetch从React

Question

在Panel.js中，如何从我在index.js中编写的API中获取数据？

Panel.js

index.js

ProfilePanel.js

Answer 1

您可以使用javascript fetch API

获取示例

fetch(`https://jsonplaceholder.typicode.com/posts?key=${key}&results=${results}`)
            .then((res) => { return res.json() })
            .then((data) => { 
                console.log(data)
                });
           })
}

POST示例

  let key = 'key'
  let results = 12;

  fetch('https://jsonplaceholder.typicode.com/posts', {
      method: 'POST',
      headers : new Headers(),
      body:JSON.stringify({key: key, results: results})//use property short hand here
  }).then((res) => res.json())
  .then((data) =>  console.log(data))
  .catch((err)=>console.log(err))

Answer 2

您已经收到回复，并将响应映射到状态＆＃39;结果＆＃39;。您只需编写＆＃34; this.state.results＆＃34;即可显示数据。