Reaccionar (y JS ad desarrollo web) novato aquí.

Estoy usando react-select para crear un cuadro de filtro en la barra lateral de un mapa web. El objetivo es que cuando aplico varios filtros (hay una casilla de verificación y dos menús desplegables de selección múltiple en este momento) los datos en el mapa se actualicen en consecuencia.

El problema es que cuando obtengo el valor seleccionado a través de onChange, parece que obtengo las opciones anteriores.

Ejemplo: a, b, c seleccionado en el menú desplegable, obtengo a, b en el archivo console.log.

Entonces mi función de filtro no puede usar valores actualizados.

Si uso el DOM (a través de document.getElementsByName), recibo un NodeList que está fuera de lugar cuando intento convertirlo en una matriz (pierde la última opción seleccionada de alguna manera...); Si uso el evento en handleChange, no obtengo una representación del evento sino solo los valores (esto es problemático porque tengo varios filtros y cada uno activa el handleChange, así que necesito saber qué menú activó el evento).

Sé que no he sido muy claro, pero agradecería cualquier pista ya que estoy realmente atascado. Muchas gracias.