Удаление элментов из DOM модели

array.splice(3,1);

onClickFunc(obj, data) {
     
        var xhr = new XMLHttpRequest();
        xhr.open("DELETE", "api/employees/" + data.id, false);
        xhr.send();
      //  location.reload(true);
    }

delete(item){
    const data = this.state.data.filter(i => i.id !== item.id)
    this.setState({data})
  }

class Employee extends React.Component {
    constructor(props) {
        super(props);
        this.onClickFunc = this.onClickFunc.bind(this);
        this.state = { editState:"" };
        this.onEdit = this.onEdit.bind(this);
    }
    render() {
        return (
            <div className="card">
                <img src={this.props.Data.imageUrl} alt="Name Surname" className="thumbnail"/>
                    <div className="caption">
                    <h3>{this.props.Data.firstName} {this.props.Data.lastName}</h3>
                    <span>{this.props.Data.function}</span>
                    <div className="btn-set">
                        <button onClick={(obj) => { this.onClickFunc(obj, this.props.Data) }}> Delete </button>
                        <button onClick={this.onEdit}> Edit </button>
                    </div>
                </div>
                {this.state.editState}
            </div>);
    }
    onClickFunc(obj, data) {
     
        var xhr = new XMLHttpRequest();
        xhr.open("DELETE", "api/employees/" + data.id, false);
        xhr.send();
      //  location.reload(true);
    }
    onEdit() {
        this.setState({
            editState: <EditUser Data={this.props.Data} /> });
    }
}
 
class EmployeeList extends React.Component {
    constructor(props) {
        super(props);
        this.state = {Data:[]}
    }
    loadData() {
        var xhr = new XMLHttpRequest();
        xhr.open("GET", "api/employees", true);
        xhr.onload = function () {
            var Users = JSON.parse(xhr.responseText);
            this.setState({ Data: Users });
        }.bind(this);
        xhr.send();
    }
    componentDidMount() {
        this.loadData();
    }
    render() {
        return (
            <section className="team">
                <h2>The Team</h2>
                {this.state.Data.map(emp => (
                    <Employee key={emp.id} Data={emp} />
                ))}
            </section>
        )
        };
}
 
ReactDOM.render(<EmployeeList/>, document.getElementById("team"));

ReactDOM.unmountComponentAtNode(ReactDOM.findDOMNode(this).parentElement)