Динамическое удаление элементов из таблицы/списка

У меня есть этот метод удаления, который отлично работает, но он не удаляет элементы из списка динамически, а требует, чтобы я перезагрузил страницу, чтобы увидеть результаты.

метод удаления

  deleteRevision = (id) => {
    alert("Are you sure you want to delete {revisionID} ?")
    console.info(id)
    axios.delete("http://localhost:8080/lagbevakning/revision/delete?id = " + id)
  }

Мой метод таблицы

  finishedRevisionsList = () => {
    return(
      <div>
          <Table celled>
              <Table.Header>
                <Table.Row>
                  <Table.HeaderCell>  Status      </Table.HeaderCell>
                  <Table.HeaderCell>  Skapad      </Table.HeaderCell>
                </Table.Row>
              </Table.Header>

          {this.state.data.map((item, i) => (
                <Table.Body key = {item.id}>
                  <Table.Row>
                    <Table.Cell>{item.status}</Table.Cell>
                    <Table.Cell> 
                          <i className = "far fa-trash-alt" onClick = {this.deleteRevision.bind(this, item.id)}></i>
                    </Table.Cell>
                  </Table.Row>
                </Table.Body>
          ))}
          </Table>
      </div>
    )
  }

Оказывать

    render() {
        return (
          <div>
           {this.finishedRevisionsList()}
          </div>
        )
      }

Любые предложения о том, как я могу сделать эту таблицу более динамичной?