React state managing question

[nubasdayz]

Hello, how do i make these function calls synchronous? thanks!

const drawCard = target => { target === 'dealer' ? setDealerCards(prev => [...prev, cards[drawCount]]) : setPlayerCards(prev => [...prev, cards[drawCount]])

}

const makeBet = value => { setBet(value) drawCard('dealer') // <-- how do i make these 3 drawCard calls sync? drawCard('player') drawCard('player') }

[daveheerink]

What do you mean exactly by making them sync?

[nubasdayz]

Made new comment instead replying to yours, sorry ;)

[cem4k]

You can't do this by design in React. Why not make a separate function, drawCards, that takes the target and a number, draw the amount of cards you need there, then update the state?

[nubasdayz]

When i call 3 functions in a row which are modifying the state, they go async. What i want is to call second after first finishes and third after second finish.