如何解决React JS 将键值对添加到现有对象
使用状态:
const [row,setRow] = useState([{ nameofthework: "",schedulerefNo: "",unitprice: "",qty: "",uom: "",gst: "",total: "" }]);
表单输入更改功能
const handleInputChange = (e,index) => {
const { name,value } = e.target;
const list = [...row];
list[index][name] = value;
setRow(list);
console.log(row); // Prints out the each row object into and array of objects
};
const handleQty = (e) => {
const scheduleNumberForQuantity = e.target.value;
projectScheduleNumber?.filter((v) => {
if(v["Schedule No"] === scheduleNumberForQuantity ) {
setScheduleQuantity(v["LOA Qty"]); // return only integer example 1000
}
})
}
如何将 handleQty 值添加到行状态?
解决方法
我认为您需要像函数而不是对象数组键值一样声明状态。它将允许 setRow 在函数组件内部的任何时刻作为函数进行管理。
const [row,setRow] = useState<any>();
使用 <any>
允许保存任何内容。所以你可以应用一个强类型,如:
const [row,setRow] = useState<()=>void>();
或者你的情况
const [row,setRow] = useState<(e: any)=>void>();
希望对你有用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。