React JS 将键值对添加到现有的 Object

Question

我有一组对象，我需要一个键值

使用状态：

const [row, setRow] = useState([{ nameofthework: "", schedulerefNo: "", unitprice: "", qty: "", uom: "", gst: "", total: "" }]);

表格输入变化function

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值添加到行state？

Answer 1

我认为您需要像 function 一样声明 state 而不是对象键值数组。 它将允许在 function 组件内部的任何时刻将 setRow 作为 function 进行管理。

const [row, setRow] = useState<any>();

使用<any>可以保存任何内容。 所以你可以应用一个强类型，比如：

const [row, setRow] = useState<()=>void>();

或者在你的情况下

const [row, setRow] = useState<(e: any)=>void>();

我希望它对你有用。