Как при клике применить класс в React?

class Example extends React.Component { 
  constructor(props) { 
    super(props); 
     
    this.state = { 
      clicked: '', 
    }; 
 
    this.handleClick = this.handleClick.bind(this); 
  } 
 
  handleClick(e) { 
    const { id } = e.currentTarget; 
    this.setState({ clicked: id }); 
  } 
 
  render() { 
    const { clicked } = this.state; 
     
    return ( 
    <div> 
      <div id='one' onClick={this.handleClick}> 
        <p> Image 1 </p> 
      </div> 
      <div id='two' onClick={this.handleClick}> 
        <p> Image 2 </p> 
      </div> 
      <div id='three' onClick={this.handleClick}> 
        <p> Image 3 </p> 
      </div> 
 
      <div> 
        <div className={clicked === "one" ? "info__skills_one" : "no_display"}> 
          <p>Текст 1</p> 
        </div> 
        <div className={clicked === "two" ? "info__skills_two" : "no_display"}> 
          <p>Текст 2 </p> 
        </div> 
        <div className={clicked === "three" ? "info__skills_three" : "no_display"}> 
          <p>Текст 3 </p> 
        </div> 
      </div> 
    </div> 
  )} 
} 
 
ReactDOM.render( 
  <Example />, 
  document.getElementById('container') 
);

.info__skills_one { 
  color: red; 
} 
 
.info__skills_two { 
  color: green; 
} 
 
.info__skills_three { 
  color: orange; 
} 
 
.no_display { 
  display: none; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> 
<div id="container"> 
  <!-- This element's contents will be replaced with your component. --> 
</div>