如何在 Reactjs 中使用 AbortController 转换此代码

Question

export default function useProfileModels() {

// function to get user's information
  const getProfile = async (username) => {
    let url = API_PATH + `/${username}`;
    const res = await fetch(url, {
      method: "GET",
      headers: {
        'Authorization': JSON.parse(localStorage.getItem("jwtToken")) && "Token " + JSON.parse(localStorage.getItem("jwtToken"))
      },
    })
    return await res.json()
  };
  
//function to follow user
  const followUser = async (username) => {
    let url = API_PATH + `/${username}/follow`;
    const res = await fetch(url, {
      method: "POST",
      headers: {
        'Authorization': JSON.parse(localStorage.getItem("jwtToken")) && "Token " + JSON.parse(localStorage.getItem("jwtToken")),
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      },
    })
    return await res.json()
  };
  
  const unFollowUser = async (username) => {
    let url = API_PATH + `/${username}/follow`;
    const res = await fetch(url, {
      method: "DELETE",
      headers: {
        'Authorization': JSON.parse(localStorage.getItem("jwtToken")) && "Token " + JSON.parse(localStorage.getItem("jwtToken")),
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      },
    })
    return await res.json()
  };

  return {
    getProfile, 
    followUser,
    unFollowUser
  }
}