Reactjs 如何在react js中添加toggleClass

我有一个li列表，该li在映射函数中重复，每个li都有相同的单击事件，当我单击当前li时，我需要为该li添加活动类。当再次单击需要删除活动类的同一li时，仅当单击同一li时，应删除该类。这样我可以为li添加多个活动类

this.state = {
        activeKey:""
}
filterClick(e, i){
    this.setState({
        activeKey: i
    });
}

this.state.data.map(function(el,i){
return <li className={self.state.activeKey === i ? "fliter-row active" : "fliter-row"} key={i} onClick={self.handleClick.bind(self)}>
        <div>List</div>
    </li>
});

this.state={
活动键：“
}
过滤点击（e，i）{
这是我的国家({
activeKey:i
});
}
this.state.data.map（函数（el，i）{
return

列表

});

---

这是我为

活动类尝试的代码，可以同时显示多个li？？不，当我单击当前li的li时，只想添加活动类ToggleClass在jquery中是一个正确的示例。和我想在react中做的一样，jsi将为当前的李侃编写样式。有人帮我吗？