How would you async fetch data for a React component

async fetch

Using hooks with useEffect like this : 

useState(async ()=>{
  const response = await fetch(url);
  const json = await response.json();
  setData(json);
}

- with Classes using compenentDidMount or willMount :

async componentDidMount(){
  const response = await fetch(url)
  const json = await response.json()
  this.setState({data:json));
}


- With Redux using redux-thunk would be :

function fetchData(){
  return async dispatch => {
    const response = await fetch(url);
    dispatch( response );
  }
}