Как правильнее реализовать получение значений из динамических полей ввода?
Поля ввода генерируются динамически + возможность добавления новых полей ввода такого же типа. Я сохраняю значения в объекте: [название поля + index]: value. Все работает хорошо, но я не продумал отправку значений на сервер — я просто не знаю как вытащить значения по ключу, ведь они все уникальны.
// содержит значения полей ввода
const [fieldsValue, setFieldsValue] = useState<{[key: string]: string}>({});
newFields.fields.map((field: string, index: number) =>
<label key={ field + index }>
{ field }
<input
type="text"
onChange={(evt: {[key: string]: any}) => setFieldsValue({ ...fieldsValue, [field + index]: evt.target.value })}
value={fieldsValue[field + index] || ''}
/>
</label>
)
Мне нужно отправить значение какого-либо поля, но ключ этого поля, в принципе, уникальный.
Если есть идеи или замечания — буду рад обратной связи.