Javascript React不呈现来自回流存储的数据

我的代码在从存储区传递数据后无法呈现，这给我带来了麻烦

我能够对来自存储区的数据进行console.log（）操作，但是数据没有显示在DOM中

下面是我的组件的外观

var ItemList = React.createClass({
  mixins: [Reflux.connect(SearchStore,"data")],

  getItems() {
    var items;
    var self = this;

    if(typeof self.state.data !== 'undefined' && self.state.data !== '404') {
      items = self.state.data;              
      for(var key in items) {
        if (items.hasOwnProperty(key)) {
          items[key].map(function(obj, key){
            return(
              <h1>Test Test</h1>
            );
          })
        }
      }
    } else {
      return(<div></div>);
    }
  },

  render() {
    var self = this;
    return (
      <div id="search-results">
        {self.getItems()}
      </div>
    );
  }
});

export default ItemList;

var ItemList=React.createClass({
mixins:[Reflux.connect（SearchStore，“data”）]，
getItems（）{
风险值项目；
var self=这个；
if（type of self.state.data！=“未定义”&&self.state.data！=“404”）{
项目=self.state.data；
对于（var输入项）{
if（items.hasOwnProperty（键））{
项[key].map（函数（obj，key）{
返回(
测试
);
})
}
}
}否则{
return（）；
}
},
render（）{
var self=这个；
返回(
{self.getItems（）}
);
}
});
导出默认项目列表；

数据在传递后从存储区传入，我可以读取数据并能够渲染空div，但带文本的div根本无法渲染。我的意图是将传递的数据作为道具传递给另一个组件

---

解决这个问题的任何帮助都会非常好，因为我在过去的几个小时里一直在做这个

问题是

getItems

不返回渲染项的数组。所以我会把它改成这样：

var ItemList = React.createClass({

  mixins: [Reflux.connect(SearchStore,"data")],

  renderItems() {
    var output = [];

    if (typeof this.state.data !== 'undefined' && this.state.data !== '404') {
      for (var key in this.state.data) {
        if (this.state.data.hasOwnProperty(key)) {
          // should use each or forEach instead of map as we don't do anything
          // with returned array but ignoring that issue
          this.state.data[key].map(function(obj, key){
            output.push(<h1>Test Test</h1>);
          });
        }
      }

      return output;
    } else {
      return <div/>;
    }
  },

  render() {
    return (
      <div id="search-results">
      {
        this.renderItems()
      }
      </div>
    );
  }

});


export default ItemList;

var ItemList=React.createClass({
mixins:[Reflux.connect（SearchStore，“data”）]，
renderItems（）{
var输出=[]；
if（this.state.data！='undefined'&&this.state.data！=='404'的类型）{
for（此.state.data中的var键）{
if（this.state.data.hasOwnProperty（键））{
//应该使用each或forEach而不是map，因为我们什么都不做
//返回数组，但忽略该问题
this.state.data[key].map（函数（obj，key）{
输出。推送（测试）；
});
}
}
返回输出；
}否则{
返回；
}
},
render（）{
返回(
{
this.renderItems（）
}
);
}
});
导出默认项目列表；

@Bazinga777我误读了你的一些代码——我更新了我的答案。嘿，我完全忘了用推送更新这些东西。谢谢。