пхпхх, цвет поменять на блоке
Откуда цикл?
Что там происходить должно?
“Циклом я пытался решить …” <-
const [color, setColor] = useState('rgb(255, 255, 255)') var obj = { ':smile': [ 'rgb(255, 255, 0)', 'rgb(255, 255, 255)' ] } var generateColor = () => { var start = true for (var e of obj[props.emoj]) { console.log(${e}) if (start) { start = false setTimeout(() => { setColor(${e})}, 1000) } else { setTimeout(() => { setColor(${e})}, 4000) } } } useEffect(() => { generateColor() }, [props.emoj])
Еще раз, что должно происходить? Вот у тебя есть массив цветов, что должно произойти?
Короче, есть объект из него достаю строку и цепляю ее в setColor с тайаутом, далее второй 'тик' в for и новый цвет. По итогу, блок меняет 2 раза цвет в зависимости от времени указанном в таймауте
const [startColor, endColor] = color; setTimeout(() => setColor(startColor), 1000); setTimeout(() => setColor(endColor), 4000); Это хочешь? Зачем первый таймаут?
sleep(1000) setColor(color1) sleep(4000) setColor(color2)
Обсуждают сегодня