React

HTML

<div id="app"></div>

CSS

.huest {float: left; margin-right: 10px; padding: 10px; background: green; cursor: pointer;}

React

class TodoApp extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
    	item: 0
    }
  }
  f=i=>this.setState({item:i});
  render() {
    return (
      <div>
      <div onclick={f(1)}class="huest" style={this.state.item===1?{background: "red"}:{}}> Двач 
      </div>
      <div onclick={f(1)}class="huest" style={this.state.item===1?{background: "red"}:{}}> Сосач 
      </div>
      <div onclick={f(1)}class="huest" style={this.state.item===1?{background: "red"}:{}}> Дермач 
      </div>
      <div onclick={f(1)}class="huest" style={this.state.item===1?{background: "red"}:{}}> Пермач 
      </div>
      </div>
    )
  }
}

ReactDOM.render(<TodoApp />, document.querySelector("#app"))