Question

让staffTemplate = staffList？ staffList.map（function（listItem，key）{

  return (<tr key={key}>
    <td><input className={this.state.editMode && "input-editmode"  } defaultValue={listItem.name} readOnly={this.state.editMode ? false : true} /></td>
    <td>{listItem.lctn}</td>
    <td>{listItem.allPlaces}</td>
    <td>{listItem.role}</td>
    <td>{listItem.hrly_rte}</td>
    <td>{listItem.password}</td>
    <td>{listItem.swipe_code}</td>
    <td>{this.state.editMode ? <button data-id={listItem.id} onClick={this.updateUser} className="edit btn btn-primary ">Update</button>:<button data-id={listItem.id} onClick={this.editUser} className="edit btn btn-primary ">edit</button>}</td><td>{this.state.editMode ? <button className="btn btn-warning " data-id={listItem.id} onClick={this.cancel}>Cancel</button> : <button data-id={listItem.id} className="delete btn btn-danger" onClick={this.deltStaff}>delete</button> }</td></tr>)
}, this):("No Data Found");


    return staffTemplate ;

Answer 1

如果staffList是一个状态维护的数组，那么您需要做的就是删除所需的元素并使用新数组调用this.setState()。 React将重新渲染您的组件，您删除的元素将被删除。

我想编辑和删除reactjs中的表行

1 个答案: