React functional component doesn't update the state

Question

function Example() {
  const [state, setState] = useState(0)
  
  const someFunction= ()=>{
    ///some task that return a value
    let value = getFunction()
    setState(value)
    console.log(state) //prints 0 ???
  }

  return ( <></> );
}

export default Example;

As you can see the state doesn't change. What can I do to solve this. I tried using useEffect too

I tried using useEffect but no luck

Does this answer your question? [The useState set method is not reflecting a change immediately](https://stackoverflow.com/questions/54069253/the-usestate-set-method-is-not-reflecting-a-change-immediately) — jonrsharpe, Apr 21 '23 at 07:37
But you're never triggering the `someFunction` function. How can it change? what exact behavior do you expect on this component? — Sonhja, Apr 21 '23 at 08:08

score 1 · Answer 1 · edited Apr 21 '23 at 10:08

This is from the React documentation:

I’ve updated the state, but logging gives me the old value
function handleClick() {
  console.log(count);  // 0

  setCount(count + 1); // Request a re-render with 1
  console.log(count);  // Still 0!

  setTimeout(() => {
    console.log(count); // Also 0!
  }, 5000);
}
This is because states behaves like a snapshot. Updating state requests another render with the new state value, but does not affect the count JavaScript variable in your already-running event handler.

This is interesting too.

React functional component doesn't update the state

1 Answers1

I’ve updated the state, but logging gives me the old value