Question

删除按钮不适用于反应

我可以在邮递员中进行axios调用以进行删除，但是当我尝试在前端的react中进行删除时，我的删除功能将无法使用。

<button onSubmit = {this.handleSubmit}> Delete </button>

// below is the function I'm trying to use to delete an item from my database

async handleSubmit(event)  { 
        event.preventDefault()
        await axios.delete(`http://localhost:3000/brands/${this.props.match.params.brand_id}/guitars/${this.props.match.params.id}`)
      console.log("pressed")
    }

// the backend is built in ruby and in postman the delete route works

我不明白为什么按钮不起作用。

刷新页面时，我预计会收到错误，因为特定的项目（吉他）和url不再在数据库中，或者，我的重定向路线将起作用，并且我将重定向到显示所有项目（吉他）的页面）。

Answer 1

更改为onClick而不是onSubmit。按钮没有onSubmit事件

 async handleSubmit(event)  { 
      event.preventDefault()
      await axios.delete()
      console.log("pressed")
  }


  render() {
    return (
      <div>
        <Hello name={this.state.name} />
        <p>
          Start editing to see some magic happen :)
        </p>
         <button onClick={(e) => this.handleSubmit(e)}> Delete </button>
      </div>
    );
  }

代码here

我的删除功能无法使用react工作

1 个答案: