tengo este pequeño codigo que guarda el color de fondo
const [containerColor, setContainerColor] = useState(() => {
const storedColors = JSON.parse(localStorage.getItem("containerColor")) || [];
if(storedColors.length !== categoryList.length){
return categoryList.map((item) => item.color)
}
return storedColors
})
useEffect(() => {
// Cuando los colores cambian, guárdalos en el localStorage
localStorage.setItem("containerColor", JSON.stringify(containerColor));
}, [containerColor]);
function handleColor(event, index) {
const color = event.target.value;
const updateColors = [...containerColor];
updateColors[index] = color;
setContainerColor(updateColors);
}
y quiero ponerlo en esta seccion pero la el rgba no coje
<SectionCategory key={i} style={{backgroundColor:`rgba(${containerColor[i]},.7)`}}></SectionCategory>