react state not updating immediately

1//In case of hooks, you should use useEffect hook.
2const [fruit, setFruit] = useState('');
3
4setFruit('Apple');
5
6useEffect(() => {
7  console.log('Fruit', fruit);
8}, [fruit])
9

1this.setState({pencil:!this.state.pencil}, myFunction)
2

1myFunction = () => {
2  this.props.updateItem(this.state)
3}
4