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>();

希望对你有用。