déjame explicarte con lo que estoy tratando:

Tengo una pequeña aplicación que se ve así:

Tengo 3 componentes: una entrada de tipo tiempo, un control deslizante y una tabla con algunas transacciones (cada una de ellas con una marca de tiempo)

Cuando deslizo el control deslizante, el tiempo de entrada cambia en consecuencia.

Cuando cambio el tiempo de entrada, el control deslizante cambia de posición en consecuencia

Ahora, mi objetivo es que:

cuando cambio la posición de entrada/control deslizante a un tiempo determinado,

luego me desplazo por la tabla de una cantidad tal que la entrada cuya marca de tiempo es la más cercana a la hora seleccionada se desplaza a la parte superior de la ventana gráfica de la tabla

Mi idea actual es:

1. utilizando el valor del control deslizante/entrada, encuentre la transacción cuyo tiempo es el más cercano al seleccionado
2. encuentre el índice de esta transacción en la matriz
3. calcule cuántos píxeles debo desplazar hacia abajo con row_height * index+1
4. realizar la manipulación DOM para desplazar la tabla

Pero me doy cuenta de que no estoy acostumbrado a realizar la manipulación DOM en React, así que me preguntaba:

¿Hay un mejor enfoque que el que propuse?