如何解决如何在反应中将两种方式绑定数据输入?
考虑到我有这样的数据:
const[specs,setSpecs] = useState(['motherboard','ram','mouse'])
我需要以某种方式将其绑定到我的输入中。
我正在尝试这样的事情:
const handleOnChange = (e,spec,index) => {
let data = specs;
data[index] = e.target.value;
setSpecs(data)
}
它确实会在数组中更新,但不会反映在输入框中
{
specs.map((spec,index) => {
return <Row>
<Col>
<Form.Control key={spec} value={spec}
onChange={(e) => handleOnChange(e,index)} type="text" />
<br/>
</Col>
</Row>
}
解决方法
最后我解决了自己。
const handleOnChange = (e,spec,index) => {
let data = [...specs];
data[index] = e.target.value;
setSpecs(data);
}
我不明白我的原因是在改变状态
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。