Tengo una matriz dinámica de divs que representan listas numeradas, es decir
Array.from({length: data.length}).map((item,value)=>( <div onClick={()=>sliderRef.current.slickGoTo(index)}></div> ))Tengo 2 clases, punto que es de color gris, activo que es rojo. ¿Cómo se puede cambiar el color de div a rojo en el que se hace clic/selecciona y el resto es gris?
Usas React, ¿verdad? Podría escribir un Componente en lugar de su div que debería contener una variable de estado de isClicked y una función handleClick. HandleClick puede establecer isClicked en verdadero. Entonces puedes tener un estilo condicional, como:
<div style={{backgroundColor: isClicked ? "red" : "gray"}} />