display a overlay when input is clicked in react

Question

I\'m trying to display a overlay when a certain Input field is clicked. I\'m doing this in react. How can I do this?

This is my code

Answer 1

Input:

 this.setState({show_overlay: true})} />

somewhere arround in same render() function add overlay div:

  overlay

of course add styling to div as needed to have proper overlay effect, what's needed by your UI

To turn overlay off, you will need to add another event listener on some action, like e.g. click

 this.setState({show_overlay: false})}>
  Close overlay