Как в Array From в mapfn добавить {value: «»,value1:""}?

Question

[smir11]

Пытаюсь из инпута числового (numOfInputs) число ,заполнить стейт, не понимаю , как правильно это сделать

const [inputDinamic, setInputDinamic] = useState([{value:' ',value1: ' '}])

setInputDinamic(Array.from({length:numOfInputs},({value:,value1:},k)=>k+1))

Comments

[WbICHA]

({value:,value1:},k)=>k+1

Это что?

Answer 1

[Артем]

Для добавления свойств "value" и "value1" к каждому элементу, создаваемому с помощью метода Array.from, в функцию mapfn нужно передать функцию, которая будет создавать объекты с нужными свойствами. Можно использовать следующий код:

setInputDinamic(Array.from({length: numOfInputs}, () => ({ value: '', value1: '' })));

Здесь передаваемая функция просто возвращает объект с нужными свойствами "value" и "value1". При этом массив создается из указанного числа элементов (заданного через переменную numOfInputs), каждый из которых будет создан с помощью этой функции.

Таким образом, после выполнения этой команды, в переменной inputDinamic будет массив из numOfInputs объектов с пустыми свойствами "value" и "value1". Вы можете изменять значения этих свойств в любой момент, когда это необходимо

Comments

[smir11]

Спасибо, я попробовал делать так через массив , то есть добавлял значения через цикл где была переменная nunOfInputs и пушил массив значениями value и value1 , но когда я захотел добавить массив в Стейк, он создал не 5 строк , а 2 , во второй был массив из как раз нужного количества строк value и value1

Завтра попробую этот способ, или он работает также ? Потому что это все связано на инпутах ,и условно если я указываю их 10, он видит только первые 2

[Артем]

Тут инпуты не причем. Поставь точки останова и посмотри что не так. Учись дебажить.