Estoy desarrollando mi propio proyecto y tengo un problema simple que no puedo resolver fácilmente.

Entonces, tengo un estado como el siguiente

 const [state, setState] = useState({ externalEvents: [], }); and I can update a state with a function like this

(el estado también se guarda en un almacenamiento local como puede ver)

 const addTodo = (e) => { e.preventDefault(); if (title === "" || color === "") { alert("please type what to do or choose a color"); } else { setState({ externalEvents: [ ...state.externalEvents, { title: title, color: color, custom: custom, id: uuidv4(), }, ], }, ); localStorage.setItem('externalEvents',JSON.stringify(state.externalEvents)) setTitle(""); setCustom(""); } };

pero el problema es que mi almacenamiento local se retrasa.

Por ejemplo. si guardo 'A' en el estado, el estado sería así

estado:{eventos externos:[{A}]}

pero el almacenamiento local solo devuelve una matriz vacía

almacenamiento local

 key value externalEvents []

así que agregué una cosa más 'B' y sería así

estado:{eventos externos:[{A},{B}]}

almacenamiento local

 key value externalEvents [A]

solo actualiza el pasado y no el actual

¿Podría decirme por qué mi almacenamiento local es tonto y está retrasado? (Tal vez soy tonto) y también ¿cómo puedo resolver este ridículo? Gracias por leer, su ayuda será apreciada.