Привет! Есть список элементов, который получаем fetch-ем, который рендериться map-ом, в котором есть даты, нужно внутри каждой карточки списка сделать обратный отчёт, я всё написал, счётчик работает и т.д. столкнулся с проблемой занесения ежесекудно обновляемых данных в стейт, для последующего вывода в рендере.
const [countDownz, createCountz] = React.useState([]); // массив, который набивается следующим образом: countDownz[индекс] = дата
const [countStringz, setStringz] = React.useState([]); // тут по логике хочу хранить аналогично countStringz[индекс] = строка отчёта (3 дня 15:20:00)
Фетчем набиваю countDownz, потом запускаю n = countDownz.lenght раз счётчик, в который передаю дату и idx, который ставит сам себя на setInterval, далее хочу следующей функцией внутри счётчика updateCount(str, idx) обновить countStringz, вот сама функция:
const updateCount = (value, index) => () => {
let cntCopy = [...countStringz];
cntCopy[index] = value;
setStringz(cntCopy);
};
для последующего рендера в <Text>{countStringz[idx]}</Text> однако это не работает. Именно updateCount не отрабатывает, если внутри функции счётчика ставлю console.log(str, idx) он "засерает" консоль данными, которые должны лечь в countStringz.. чёт не могу понять..