En una aplicación reactJS, tengo una serie de valores hexadecimales que se están reordenando, aparentemente "en evaluación". Cuando se registra justo después de la declaración, los valores expandidos se enumeran en un orden diferente al de los valores no expandidos. Es este orden expandido el que usa la aplicación, pero el orden no expandido (el orden declarado) que esperaba.
Compare la imagen con el fragmento, espero que esto sea claro.
Por cierto, sé que puedo ordenarlo y sé que puedo colocar la matriz directamente en el componente. Ya resolví el problema agregando una clave a la matriz. Pero quiero entender por qué está sucediendo.
const chartColours = [ '#003f5c', '#f8b3df', '#c4d94e', '#8588b1', '#496387', '#2f4b7c', '#c2b0d9', '#665191', '#a05195', '#d45087', '#f95d6a', '#ff7c43', '#ffa600', '#fff18f', '#fcc76b', '#309975', '#de425b' ]; console.log(chartColours);