小编jgb*_*jgb的帖子

所以我试图做到这一点，当你悬停一个列表项时，它会改变相应 svg 形状的颜色。由于这些是单独 div 中的元素，是否可以仅使用 css 来做到这一点？

这是迄今为止我所拥有的 Codepen：http ://codepen.io/rewerbj/pen/LVLRaK

那么我是否必须给每个 svg 部分一个不同的类名？

我试过了：

.region-list li:hover + .map-shape {
    fill: #213A46;
}

那没有用，所以我不确定是否必须使用 jQuery，如果是这样，最动态的方法是什么。

欢迎任何建议。谢谢！

我正在尝试创建一个 onClick 事件，为每个元素添加一个类名，而无需写出三个不同的函数。但是，当单击其中一个时，所有三个都会触发该事件。如何修改它以便 onClick 仅适用于被点击的那个？

const userVote = React.createClass({

    getInitialState: function() {
        return {
          condition: false
        }
      },
      handleClick: function() {
        this.setState({
          condition: !this.state.condition
        });
      },


    render() {
        return(

                <div onClick={this.handleClick} className= { this.state.condition ? "positive active" : "positive"}></div>

                <div onClick={this.handleClick} className= { this.state.condition ? "neutral active" : "neutral"}>Not Sure</div>

                <div onClick={this.handleClick} className= { this.state.condition ? "negative active" : "negative"}></div>

        );
    }
});

我在这里展示相关文件.我只想显示数组中是否有多个相关文档.

displayTable = function(data) {
  var data = [];
  for (var i = 0; i < data.results.data.length; i++) {
    if (data.results.data[i].length < 0) {
      console.log('dont show');
    } else if (data.results.data[i]) {
      data.push(data.results.data[i]);
    }
  }