Acabo de implementar reductores para mi visualizador de algoritmo de clasificación y estoy tratando de establecer el estado de mi matriz para que sea el resultado de un algoritmo de clasificación. Estoy 99% seguro de que mi reductor recibe la matriz ordenada y luego la devuelve (porque hice algunos registros de consola), y también estoy bastante seguro de que la variable en sí cambia.

Aquí está mi reductor y variable de matriz (* tenga en cuenta que los valores serán una matriz en la función):

 export const ACTIONS = { SET_VALUES: 'set-values' } function reducer(state, action) { switch (action.type) { case ACTIONS.SET_VALUES: console.log(action.payload.values) return action.payload.values default: return state } } const [values, dispatch] = useReducer(reducer, [])

Y aquí está el algoritmo de clasificación donde se llama al envío:

 export function bubbleSort(array, dispatch) { var testArray = array console.log('sorting') var sorted = false while (!sorted) { var changed = false; for (var i = 0; i < testArray.length-1; i++) { if (testArray[i] > testArray[i+1]) { changed = true; var smaller = testArray[i] testArray[i] = testArray[i+1] testArray[i+1] = smaller } } if (!changed) { sorted = true } } dispatch({ type: ACTIONS.SET_VALUES, payload: { values: testArray}}) console.log('sorted') console.log(array) }

Al imprimir la matriz original (valores) pasada a la función, se ordena. Sin embargo, las barras en la pantalla que reflejan la matriz en sí no cambian, lo que me lleva a creer que no se está produciendo una nueva representación y que las barras están usando un estado antiguo de la variable (valores). ¿Alguien sabe cómo arreglar esto?