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?