Cuando llamo a this.setState para actualizar el valor de cualquier estado, la clasificación de la tabla de datos mdboostrap se restablece por algún motivo. Estoy llamando a una función en OnClickEvent de la tabla de datos como esta

 <MDBDataTableV5 hover striped responsive bordered theadColor='red' theadTextWhite entriesOptions={[5, 10, 20, 50]} entries={10} pagesAmount={4} data={datatable} searchBottom={false} searchTop onClick={event => { this.toggleKnModal(event,"Open") }} />

La definición de evento de alternancia:

 toggleKnModal = (data , type) => { let rowIndex = -1 if (type == "Open") { let rowInfo = data.nativeEvent.path[1]; rowIndex = rowInfo.rowIndex; if (rowIndex > 0) { let value1 = rowInfo.children[0].innerText; let value2 = rowInfo.children[1].innerText; let value3 = rowInfo.children[6].innerText; //I have changed the names of the variables this.setState({ knValues: { value1: value1 , value2: value2 , value3: value3 , somenumber: 0 } }) } } if (rowIndex != 0) this.setState({ modal: !this.state.modal }) }

Si elimino el código this.setState, la clasificación de la tabla de datos no cambia. Intenté reemplazar this.setstate con simplemente this.state.* y solo actualiza KnValues pero no modal. No tengo idea de cuál es el problema y el registro de salida no dice nada.

Editar: también tenga en cuenta que ambos estados no están relacionados con la tabla de datos de ninguna manera