reactjs - axios.delete(url[,config]) : Type has no properties in common with type 'AxiosRequestConfig'

标签 reactjs typescript axios eslint typescript-eslint

我使用 React、Typescript 和 Axios。我声明一个类由这样的静态函数填充:

import axios from "axios"

export default class Users {

  static checkinByPassword(username: string, password: string){
    const params = {username, password}
    return axios.post(`/${this._key}/checkinbypassword`, params)
  }

  static delete(id: string){
    const params = {id: id}
    return axios.delete(`/${this._key}`, params)
  }
}

第一个函数 (checkinByPassword) 工作正常。第二个函数使 ESLint(我将 ESLint 用于 VSCode 编辑器)抛出错误:
Type '{ id: string; }' has no properties in common with type 'AxiosRequestConfig'.

screenshot in VSCode

什么是AxiosRequestConfig ?以及如何使我的 params 对象与其兼容?
先感谢您

最佳答案

axios.delete需要两个参数,第一个是 url 路径,第二个是配置。

您需要将 params 对象包装到另一个具有 data 的对象中属性(property)。

例如:

const config = {
  data: {
    id: "your id"
  }
}

axios.delete(url, config)...

或者
const params = {id: id};

axios.delete(url, {
  data: params
})...

关于reactjs - axios.delete(url[,config]) : Type has no properties in common with type 'AxiosRequestConfig' ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60482505/

相关文章:

http - 如何在没有任何 vuex 库(axios)的情况下在 vue 回调中获取 http 响应 header

javascript - NEXT JS req.body undefined

javascript - 使用另一个对象的属性作为键查找对象

javascript - React Native 使用另一个函数在循环中返回多个 JSX 组件

angular - 如何在 Angular Component Router 中使用参数定义默认路由?

javascript - 如何在 redux Action 中从 axios 调用中获取数据? React JS 搜索项目

javascript - React - WP_Mail 可与 jQuery 配合使用,但不能与 axios 配合使用

reactjs - 如何将这个组件类变成纯函数无状态组件(Typescript + React)

c# - 无法将文件从 Angular 8 上传到 Asp.net Core 2.2

javascript - 如何在 Angular 2 项目中包含明确类型的文件