How to add class to div on click?

Question

React

It is necessary that when you click on the input, another css class is assigned to the div,
if you click to another place on the screen, css should be reset, I
try this, but something doesn’t work!

return classNames({
      'exp':  this.state.clicked,
      'noexp':  !this.state.clicked
    });
{this.getClassNames()} onClick={this.setState({clicked: !this.state.clicked})

Answer 1

Why onClick? - when you click on the input again, the class will be deleted, and you will not process a click outside the input in this way. Probably should use onFocus and onBlur. For example .