Fix delayed state update in React. Receiving Previous value of state.

State updates in React are asynchronous; when an update is requested, there is no guarantee that the updates will be made immediately. The updater functions enqueue changes to the component state, but React may delay the changes, updating several components in a single pass.

[basukivenkatpati]

then what is the benefit of having state if every time we are hardcoding the values?

[topote]

You got me out of days of bug searching, thank you!

[jahidhassan]

But you are not checking if the state value is changin or not. You are just printing the value of e.target.value on CallAPI method. I tried this my state is not updating immedietly.

[munawirulhadi]

thanks bro, you saved me days of bug fixing ☺️

[n-az]

In project it worked for me
Thank you 💓💓💓

[saharil]

Sorry, ...
the searchText used is only from the variable from callApi, not from the state's searchText

[jenasusil]

if you are passing one text field value, thats fine. what if i will pass multilpe input text value to URL? suppose some id, and based on those ID i will fetch API.

[sayamgandhak]

you said 'setState' is async that's actually incorrect . setState is synchronous . React take time to update because of 'batch updating ' . That's means react will update states together to improve the performance by not making component render on every state

[greendsnow]

is this as decent as it gets with react?! !!!

[prajwalpatil]

if we use setState method with callback will it fix the delay issue?

[sahilbisht]

If it’s not updating instantly then how serchtext value in h1 is getting updated

[sr.wyller]

you didn't fixed the state delay, you just used another way to inform de data to your function

[yashvijaybombale]

use less it works for some use cases only