使用for-of / for每个状态数组来操作dom

Question

我想知道如何以某种方式自动化下面的内容。

如果我想为许多特定状态（并非所有状态）执行相同的测试和操作，我将如何进行类似

的操作

var anArray = [firstName, lastName];

for (anArray as Q){
  if(this.state.Q.length > 1 || this.state.Q.length == 0){
    document.getElementById(toString(Q)).className="someClass";
  }else{
    document.getElementById(toString(Q)).className="AnOtherClass";
  }
}

在此回报中：

return function(e) {
  var state = {};
  state[key] = e.target.value;
  this.setState(state, () => {

    if(validate(this.state.dob)){
      document.getElementById("dob").className="inputYay";
    }else{
      document.getElementById("dob").className="inputErr";
    }

    //firstName
    if(this.state.firstName.length > 1 || this.state.firstName.length == 0){
      document.getElementById("firstName").className="inputYay";
    }else{
      document.getElementById("firstName").className="inputErr";
    }

    //lastName
    if(this.state.lastName.length > 1 || this.state.lastName.length == 0){
      document.getElementById("lastName").className="inputYay";
    }else{
      document.getElementById("lastName").className="inputErr";
    }

  }
  );
}

最终我只想检查返回函数提供的每个状态的关键字，但是我无法理解这将如何起作用，因为我正在验证不同类型的响应。

我非常感谢我的理解方法。

总是非常感谢：