打字稿类型'字符串| null' 不可分配给类型 'string'

Question

在这个片段中我有下一个错误：

Type 'string | null' is not assignable to type 'string'.
  Type 'null' is not assignable to type 'string'.  TS2322

export async function GetCertainCoinByType(coinId: string) {
  const response = await axios.get(URLofCertainCoins + `certain/${coinId}`, {
      headers : {
          token : localStorage.getItem('token'),
      }
  });
  return response;
}

Answer 1

首先检查token是否为null，如果是则退出函数。

现在response 无论如何都是一个Promise，因为它是由async 函数返回的。你不需要await Axios，然后再将其重新转换为 Promise。你可以直接return axios.get(...)，因为这会删除唯一的await，所以你甚至不需要async/await语法。

export function GetCertainCoinByType(coinId: string): Promise<any> {

  const token:string|null = localStorage.getItem('token');

  if(!token){
    console.log("No token!");
    return ;
  }

  return axios.get(URLofCertainCoins + `certain/${coinId}`, {
      headers : { token }
  });
}

Answer 2

这是因为Local storage 的返回类型是string | null，而不仅仅是string。为避免此异常，您可以先从本地存储中获取项目，然后像这样使用它：

export async function GetCertainCoinByType(coinId: string) {
  let tokenFromStorage = localStorage.getItem('token')
  if (!tokenFromStorage ) { 
    throw new Error("no token supplied"); 
  }
  const response = await axios.get(URLofCertainCoins + `certain/${coinId}`, 
  {
      headers : {
          token : tokenFromStorage 
      }
  });
  return response;
}