用变量字符串调用React类

call React class with a variable string?

本文关键字：React 调用 字符串 变量      更新时间：2023-09-26

此示例使用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类。

JavaScript括号表示法：

if (sting.state[state] === 'und')
相关文章：