Question

此示例使用Reactjs和Datamaps。

我正在制作一个应该从地图中选择状态的工具。该代码的一部分在下面。

datamap.svg.selectAll('.datamaps-subunit.MI').on('click', function(){
  var state = 'mi';
  if (sting.state.mi === 'und'){
    sting.setState({trumpnums: sting.state.trumpnums + sting.state.miv, mi: 'right'});  
    map.updateChoropleth({MI:'red'});
    datamap.svg.selectAll('.datamaps-subunit.MI').on('mouseout', function(){
      map.updateChoropleth({MI:'red'}); 
    }); 
  }
});

为了避免我不得不为每个州重复很多这样的事情，我希望将我的React类名存储在一个变量中。

MI和mi的所有实例都指密歇根州。所以，我希望不必输入sting.state.mi，而是希望得到像

这样的东西

var state = 'mi';
if (sting.state.{state} === 'und'){
  //rest of my code
}

我已经为var state设置了一个占位符，如上面的代码所示。但是，它不适用于我的React类。

Answer 1

JavaScript括号表示法：

if (sting.state[state] === 'und')

用变量字符串调用React类？

1 个答案: