Как с помощью цикла for i добавить числа в массив?

Question

[holfizz]

const [secondOfDialArray, setSecondOfDialArray] = useState<number[]>([])
    const secondOfDial = () => {
        for (let i = 1; i < 60; i++) {
            setSecondOfDialArray([...secondOfDialArray, i])
            console.log(i)
        }
    }

почему не работает так :)
мне нужно чтобы в массиве были числа от 1 до 59
это очень легко но я что-то туплю

Comments

[Вадим]

ох божечки кошечки....
Вы (не) понимаете, что на каждую итерацию цикла у Вас будет происходит setState и, соответственно, перерисовка компонента? (ну может не на каждую, так как реакт может быть забатчит какое то количество в одну, но тем не менее)
Почему бы не сгенерировать массив в цикле и не запушить его в стэйт уже готовый один раз после цикла?

const a = []
for (let i = 1; i < 60; i++) {
    a.push(i)
}
setSecondOfDialArray(a)
// Ну или если нужно добавить к уже имеющемуся, то
setSecondOfDialArray([...secondOfDialArray, ...a])

[historydev]

Вадим, в функции может? В цикле будет не то)

[Вадим]

Владимир, если комментарий актуален, то не понимаю о чём он. Я в цикле не предлагал пушить.

[historydev]

Вадим,

Почему бы не сгенерировать массив в цикле

Я про массив, я вижу это так:

for => const arr = [] => push => log => [i]

[Вадим]

Владимир, генерация != инициализация. Естественно инициализировать вне цикла, как и указано в коде.

[historydev]

Вадим, Я подумал что вы имеете ввиду всё)

Answer 1

[historydev]

const arr = [];
const len_items = 10;
for(let i = 0; i<len_items; i++) {	
  arr.push(i);
}
console.log(arr) // set state

Answer 2

[Александр Макаров]

const [secondOfDialArray, setSecondOfDialArray] = useState<number[]>([])

const secondOfDial = () => {
    setSecondOfDialArray(Array.from({ length: 59 }, (_, i) => i + 1))
}