React - Problem with update state (useState) in onChange function

Question

I'm having a problem updating the state on a handleItemChange function for a form. Do you have a solution? thank you so much...

const [items, setItems] = useState([]);

const addPrestation = () => {

    const id = Date.now().toString();
    const prestation = {...items};
    prestation[id] = {
        customer:customer,
        id: id,
        delivery: "",
        quantity: "",
        unit: "",
        unitPrice: "",
        tva: "",
        htAmount: "",
        ttcAmount: ""
    }
    setItems([...items, {prestation:prestation}])
}

 const handleItemChange = (event, prestation, field ) => {
   const value = event.target.value;
   const clonePresta = {...prestation};
   clonePresta[field] = value;
   const clonePrestations = {...items};
   clonePrestations[clonePresta.id] = clonePresta;

   setItems(???)
}

Answer 1

I think you should do something like that:

const handleItemChange = (event, prestation, field ) => {
   const value = event.target.value;
   const clonePresta = {...prestation};
   clonePresta[field] = value;
   const clonePrestations = {...items};
   clonePrestations[clonePresta.id] = clonePresta;

   setItems([...items, {presentation: clonePresta})
}

Answer 2

const handlePrestaChange = ({currentTarget}) => {
    const {name, value, id} = currentTarget;
    const clonePresta = {...prestation}
    clonePresta[name] = value;
    setPrestation({...prestation, [name]: value })
    const tabItems = [...items];
    tabItems[id] = clonePresta;
    setItems([...tabItems])
}