Const { fields, append, remove } = useFieldArray({ name:

Question

Const { fields, append, remove } = useFieldArray({ name:

'promocodes',
})

useEffect(() => {
append({
custom_id: uuidv4(),
name: '',
quantity: '',
})
}, [])

console.log(fields, 'fields||')

{fields?.map((el, idx) => (
<Box key={el.id} display='flex' gap={2}>
<Box width={320}>
<InputSimple
name={`promocodes[${idx}].name`}
placeholder={t(
'menu.marketing.promotions.promo_code_settings.promo_name_placeholder'
)}
fullWidth
value={el.name}
defaultValue={el.name}
onBlur={(e) => console.log(e.target.value, el, 'el||')}
required
/>
</Box> ...

задача- динамические инпуты
onBlur не получает значение обновленного стейта, да и сам fields показывает пустые данные, хотя append, remove работают
использую react-hook-form, что делаю не так?

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

0

02.05.2023

1 ответов

36 просмотров

R ZHUKOV ZHUKOV · Accepted Answer

R ZHUKOV ZHUKOV

Вместо квадратних скобок точки

0

02.05.2023

169 похожих чатов

Const { fields, append, remove } = useFieldArray({ name:

1 ответов

Похожие вопросы