如何在react js中添加toggleClass

Question

我有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>
});

这是我为

尝试的代码