Использование fetch для получения данных из API в React

Question

В Panel.js как я могу получить данные из API, который я написал в index.js?

Panel.js

index.js

ProfilePanel.js

Answer 1

вы уже получили ответ и сопоставили ответ с состоянием 'results'. Вы можете отобразить данные, просто написав "this.state.results"

Answer 2

Вы можете использовать API выборки JavaScript

Пример GET

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))