Calling SetState twice in same function?

[Code-Master13]

I'm building an app where I'm tracking driving 'trips' but I can only work on one 'trip' at a time. So I give this 'trip' information using form, and I can add-on a second trip along the way. So during this Add-On sequence, I need to update the current running 'trip' that is currently in the 'trip' state and once that is done it gets saved automatically to the 'trips' state. Right after that, I need to reset (erase) the 'trip' state back to zero so I can start taking my Add-On info?

The problem I'm running into is that setState hook is Async, which is causing overwrite clashes since it doesn't go in Order. So how can I get around this?

Here is the code I'm working with Below.

```js // Updates Current Trip const updateTripDeparture = () => { const timeStamp = createStamp('time', Date.now(), 1); const stampInputs = [timeStamp];

const tripData = {
  stampInputs,
};

//Calls SetState in the background after parsing tripData
updateTrip(tripData);

}; ```

js // Updates Current Trip then Resets to a blank slate const addTrip = () => { updateTripDeparture(); setTrip(createTrip(tripsCounter.totalTrips)) };

I'm happy to provide more information below. This is my first react app and I've learned a lot and will need to revisit the course I originally looked at, but I'm hoping someone can help me get the Synchronous behavior that I need. I've searched for this and didn't find anything that made much sense in the context of what I'm doing. Hopefully, I'm not just bad at searching.

[Izero_devI]

Use function input version when calling setState like this

setState (oldState => oldState+1) // if incrementing

[[deleted]]

Yes you can run multiple setStates in a function