axios delete .catch 命令在 void 中不存在

Question

我一直在尝试使用 axios .delete 请求从列表中删除卡片。

删除函数的代码如下：

deleteProduct(id: any) {

    const { adminhelpcard } = this.state;

    const apiVideoUrl = `http://localhost:3000/videos/${id}`;

    //const apiManualUrl = `http://localhost:3000/manuals/${id}`;

    const options = {

      method: "DELETE"

    };

    axios

      .delete(apiVideoUrl, {})

      .then((response: any) => {

        this.setState({

          adminhelpcard: adminhelpcard.filter((adminhelpcard: SingleAdminHelpCard) => adminhelpcard.id !== id)

        }).catch(function(error) {

          console.log(error);

        });

我从 .catch 和函数（错误）中收到两个不同的错误。

.catch 的错误是：

Property 'catch' does not exist on type 'void'.ts(2339)

来自 (error) 的错误是：

Parameter 'error' implicitly has an 'any' type.ts(7006)

有什么我显然错过了吗？

提前感谢您的时间和帮助。

Answer 1

您正在尝试catch你的setState电话，而不是删除请求本身：axios      .delete(apiVideoUrl, {})      .then((response: any) => {        this.setState({          adminhelpcard: adminhelpcard.filter((adminhelpcard: SingleAdminHelpCard) => adminhelpcard.id !== id)        })       }).catch(function(error) {          console.log(error);        });

Answer 2

您将 .catch() 附加到 setState() 而不是 .then()改变：axios      .delete(apiVideoUrl, {})      .then((response: any) => {        this.setState({          adminhelpcard: adminhelpcard.filter((adminhelpcard: SingleAdminHelpCard) => adminhelpcard.id !== id)        }).catch(function(error) {          console.log(error);        });到：axios   .delete(apiVideoUrl, {})   .then((response:any) => {        this.setState({            adminhelpcard: adminhelpcard.filter((adminhelpcard: SingleAdminHelpCard) => adminhelpcard.id !== id)        })    }).catch(function(error) {        console.log(error);    });