//In case of hooks, you should use useEffect hook.
const [fruit, setFruit] = useState('');
setFruit('Apple');
useEffect(() => {
console.log('Fruit', fruit);
}, [fruit])
this.setState({pencil:!this.state.pencil}, myFunction)
myFunction = () => {
this.props.updateItem(this.state)
}