У меня есть функция генерирующая input:
const [addInput, setAddInput] = useState([]);
const exampleInput = (value) => {
setAddInput([
...addInput,
<input key={inputUuid}
type='text'
className='input'
name={inputUuid}
value={value}
/>
])
};
inputUuid - некое уникальное значение.
Используется она в функции, которая срабатывает по onClick:
function expamle(arrExample) {
arrExample.forEach(item => {
exampleInput(item);
});
}
в arrExample приходит массив строк, например ['12', '1234', и т.д.]
Рисуются input:
<div>
{addInput.map(item => item)}
</div>
Но рисуется только 1 input с передаваемыми данными. Просьба подсказать, что я делаю не так.