javascript - 使用axios删除 react 中的 Action

Question

在我的 React 应用程序中，我使用回调对使用 axios 库的 API 执行删除操作:

deleteBook(selectedBook) {
    return this.setState({selectedBook:selectedBook})
    axios.delete(this.apiBooks + '/' + this.selectedBook.id)
    .then((res) => {
      console.log(res)
     })
  }

我在控制台中收到一条错误消息:“无法访问的代码”。我认为我的语法是错误的。我想执行 2 个操作:

1) 设置selectedBook的状态。

2) 使用axios库删除方法删除图书项。

Answer 1

去掉返回值。此时您不想从您的函数返回。你只想要 this.setState(...) 在那里。这就是您获得“无法访问的代码”的原因，因为返回值下的任何内容都不会执行。

此外，我会在 axios 成功返回后执行 setState()。如果 axios 失败，您可能不想这样做，因为如果删除失败，您的本地状态将不会反射(reflect)正在发生的事情。 setState() 还会导致重新呈现组件，因此最好在 API 调用完成后进行。