Question

因此我很难将索引从按钮传递到按钮，所以这是我的代码第一个是渲染循环，显示我的所有行及其按钮，删除部分的按钮从行调用索引

    renderItem(d, i) {
  return <tr key={i} >
    <td> {d.Employee_ID} </td>
    <td>{d.Employee_Name}</td>
    <td>{d.Address }</td> 
    <td><center><button className ="btn btn-info" onClick={this.handleOnclick.bind(this,  d.Employee_ID, d.Employee_Name, d.Address , d.Department)}   data-toggle="modal" data-target="#UpdateEmployee">Edit</button></center></td>
    <td><center><button className ='btn btn-danger'  onClick={this.handleOnclick.bind(this,  d.Employee_ID , d.Employee_Name,i)} data-toggle="modal" data-target="#DeleteEmployee"> Delete</button></center></td>


         </tr>
}

这是我进入模态的地方

 {/*Delete*/}
           <div className="modal fade" id="DeleteEmployee" role="dialog">
           <div className="modal-dialog">
             <div className="modal-content">
                <div className="modal-header">
                  <button type="button" className="close" data-dismiss="modal">&times;</button>
                  <h4 className="modal-title">Delete Employee</h4>
                </div>


                  <div className="container">
                  <div className="modal-body">
                        Are you sure you want to delete {this.state.Employee_Name}?
                  </div>
                  </div>
                <div className="modal-footer">
                <input type="submit" className ="btn btn-danger"  data-dismiss="modal" onClick={this.deleteEmployee.bind(this, this.state.Employee_ID ,this.state.i)}/>
                <button type="button" className="btn btn-default" data-dismiss="modal" >Close</button>
              </div>


            </div>
          </div>
        </div>

但我的模态上的onclick无法看到索引请帮助我因为它总是删除第一行

deleteEmployee(id, index) {
  jQuery.support.cors = true;
    fetch('http://localhost:5118/api/employeedetails/DeleteEmployeeDetail/'+ id, {
         method: 'GET'
  }).then(function(response) {
     // history.go(0);
      var jsonReturnedValue = [...this.state.jsonReturnedValue];
      this.setState({jsonReturnedValue})
  }).catch(function(err) {
    // Error :(
  });
    this.state.jsonReturnedValue.splice(index, 1)
    this.setState({})
}

如何在按钮中找到模态Reactjs的索引

0 个答案: