React、Typescript、Axios 消耗响应？

Question

请问如何将函数的结果写在State中？

const [car, setCars] = useState<ICars[]>([]);

useEffect(() =>{

  const data = fetchCars(params.cartyp);

  //The return type of this function is:
  Promise<AxiosResponse<ICars[]> | undefined>
  
  setCars(data);  // >> There is an error:

}

错误： TS2345：'Promise 类型的参数 | undefined>' 不能分配给“SetStateAction”类型的参数。

Answer 1

fetchCars 是异步的并返回一个promise，你必须等待结果出现：

const [car, setCars] = useState<ICars[]>([]);

useEffect(() =>{

  fetchCars(params.cartyp).then(data => {
    if(data) setCars(data);
  });
  
});