react Ändere Klassennamen bei Statusänderung

Ich habe einen Zustand wie diesen, in dem ich @ einstelactive undclass flag wie folgt:

constructor(props) {
        super(props);
        this.state = {'active': false, 'class': 'album'};
    }

  handleClick(id) {
    if(this.state.active){
      this.setState({'active': false,'class': 'album'})
    }else{
      this.setState({'active': true,'class': 'active'})
    }
  }

Und ich habe eine Liste von Elementen mit dem Klassennamen aus dem Status:

<div className={this.state.class} key={data.id} onClick={this.handleClick.bind(this.data.id}>
    <p>{data.name}</p>
</div>

Hier wie kann ich den Klassennamen eines bestimmten div ändern?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage