“从不”类型上不存在属性“地图”

Question

当在 axios get 内部发出请求时 next.js getServerSideProps 函数，我在 map 方法上不断收到这个烦人的打字稿下划线错误。我已经经历了所有修复的可能性，但无法解决它。该请求实际上工作正常并提取数据，但我只需要摆脱错误。有什么建议吗？

 export const getServerSideProps: GetServerSideProps = async () => {

  const { data } = await api.get("/users/index", { //axios api
    params: {
      _limit: 12
      _sort: "created_at", 
      _order: "desc"
    }
  })

  
  const users = data.map(user => { // <-error line under map method
    return {
      id: user.id,
      name: user.name,
      created_at: user.created_at,
  
    }
  });

Answer 1

我认为在 axios 的 0.22 或 0.23 中，他们更改了 Typescript 签名，所以现在您必须强制转换 data，请参阅 changelog 了解更多信息。要解决此问题，您可以传递一个泛型：

type User = {
   id: string
   name: string
   created_at: string
}

const { data } = await api.get<User[]>("/users/index", { //axios api
    params: {
      _limit: 12
      _sort: "created_at", 
      _order: "desc"
    }
})

否则，您可以就地进行类型转换：

const users = (data as User[]).map(user => { // <-error line under map method
    return {
      id: user.id,
      name: user.name,
      created_at: user.created_at,
  
    }
  });