![](/img/trans.png)
[英]How to get the values for dynamically generated input field in react js?
[英]Input field mapped dynamically but failed to get input values from all the fields React JS
我根据响应映射了 4-5 个输入字段。 用户需要在每个字段中输入值,但是当我尝试从所有字段中获取最终值时,它只给了我最后一个输入字段的值。 我想在一个数组中有值,以后可以加入。 有一个处理程序 function 用于 onChange。 我试过使用传播运算符,但没有帮助。
const [inputValue, setInputValue] = useState({});
const handleChange = (value,name,i)=>{
setInputValue({ ...inputValue, [name]: value })
}
records.map((record, i) => {
return (
<>
<input
onChange={(e) =>
handleChange(e.target.value, e.target.name, i)
}
name={record.title}
key={i}
value={record.value}
/>
</label>
</>
);
})
您可以为此使用内置的 Form 标签:
<form onSubmit={submitHandlerFunction}>
{fields.map(field => (
<input key={field.name} name={field.name}/>
)}
<button type="submit">Submit</button>
</form>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.