ичок в React и GatsbyJS. Я запутался и не смог разобраться в том, как просто загрузить данные из стороннего Restful API.

например: я хотел бы получить данные из randomuser.me/API и затем иметь возможность использовать данные на страницах.

Давайте скажем что-то вроде этого:

import React from 'react'
import Link from 'gatsby-link'

class User extends React.Component {
constructor(){
  super();
  this.state = {
    pictures:[],
  };

}

componentDidMount(){
  fetch('https://randomuser.me/api/?results=500')
  .then(results=>{
    return results.json();
  })
  .then(data=>{
    let pictures = data.results.map((pic,i)=>{
        return(
          <div key={i} >
            <img key={i} src={pic.picture.medium}/>
          </div>
        )
    })
    this.setState({pictures:pictures})
  })
}

render() {
  return (<div>{this.state.pictures}</div>)
}
}

export default User;

Но я хотел бы получить помощь GraphQL для фильтрации и сортировки пользователей и т. Д.… ..

Не могли бы вы помочь мне найти пример того, как я могу получать данные и вставлять их в GraphQL наgatsby-node.js