Привет. Подскажите как сделать. Короче в модалке создаются инпуты по

Question

Привет. Подскажите как сделать. Короче в модалке создаются инпуты по

кнопке, после того как юзер введёт в инпуты что-то и нажмет save, то данные должны сохранится. Как такое сделать? Пробовал использовать useState([]), и при клике добавлять пустую строку в массив, потому мапом создавать новые инпуты, инпуты создаются, но не работают т.к. нужно.

#frontend #javascript #programming #react.js #russian

0

16.07.2021

13 ответов

8 просмотров

Aleksandr Sarkisov Автор вопроса

Что ты имеешь в виду?

0

16.07.2021

Shakh

Ну ты мапом не создай. Создай заранее компоненты для модалки и по каким-то триггером открой их

0

16.07.2021

Aleksandr Sarkisov Автор вопроса

Как ты себе это представляешь? Типа пользователь захочет 100 компонентов создать, так мне их столько вручную создавать нужно будет?)

0

16.07.2021

Shakh

А понятно теперь) я картинку плохо смотрел.

0

16.07.2021

eden lane

а что именно не работает

0

16.07.2021

Aleksandr Sarkisov Автор вопроса

Ну по кнопке длинна массива увеличивается(инпуты создаются), но когда пытаешься ввести что-то, то ничего не показывает и создается новый инпут. Короче перерендеринг происходит

0

16.07.2021

eden lane

я бы посоветовал использовать какую-нибудь либу для форм, например react-hook-form. Там такие моменты предусмотрены. Вот ссылка на конкретный метод для создания динамических форм https://react-hook-form.com/api/usefieldarray

0

16.07.2021

Aleksandr Sarkisov Автор вопроса

Спасибо, сейчас попробую. А то я чёто забыл про все эти либы

0

16.07.2021

eden lane

можно решить и без библиотек, но с ними проще будет

0

16.07.2021

Maxym

Чувак! Я тут решил тебе помочь... Пример хороший написал :) Держи! https://codesandbox.io/s/naughty-currying-zpl1o?file=/src/App.js