javascript - ReactJS は、配列の値に基づいて OBJ.map をレンダリングします

Question

オブジェクト内の項目に基づいて のセットをレンダリングしようとして<div> </div>いますが、それらを表示するためにオブジェクト内の項目の名前を指定する必要はありません。

以下の例では、WorkObjectID と WorkObjectVal を静的ではなく動的にする必要があります。tempObject をオブジェクトに追加すると、miniTable で定義していないため、データがレンダリングされたときに表示されません。

可能であれば、どのものを表示するかを指定して送信したいと思いますvar WORKOBJECTSVALS = {}。

  var WORKOBJECTS = [ {
                      WorkObjectID: "1", WorkObjectVal: "First",
                      TempObject1: "55", TempObject2: "Denied" 
                      }, 
                      {
                       WorkObjectID: "2", WorkObjectVal: "Second",
                      TempObject1: "110", TempObject2: "Allowed" 
                      }];
  var WORKOBJECTSVALS = {"WorkObjectID", "WorkObjectVal", "TempObject1" };

  render: function () {
    var miniTable = this.state.WORKOBJECTS.map(function(val) {
      return (
         <div> {val.WorkObjectID} </div>
         <div> {val.WorkObjectVal} </div>

      );
    });
    return(
      {miniTable}
    );
}

上記の例では、 はTempObject1表示されますが、 は表示されませんTempObject2。将来、 をTempObject2div に追加したい場合は、 に追加するだけでよいのですがWORKOBJECTSVALS、どうすればよいですか?