Question

searchresults是一个对象（json数据）我试图在无序列表中显示数据。什么都没有出现。不知道为什么..我在会话中设置了json数据，比如Session.set（“searchresults”，data）;保存数据并执行console.log（console.log（searchresults [0] .snippet.title）;工作。

 searchList = React.createClass({

   renderSearches() { 
    var searchresults = Session.get('searchresults');

     return 
     Object.keys(searchresults).map(function (key) {    
       return <SearchItem search={searchresults[key]} />;
     });


   },

   render: function() {
     return  (
     <div>
     <ul>
        {this.renderSearches()}
      </ul>
      </div>

     );
    }
 });





SearchItem = React.createClass({
  render: function() {

return (
  <li > <strong>{this.props.search.snippet.title}</strong> </li>
);
  }
 })

Answer 1

我想你忘了return SearchItem。

return <SearchItem search={searchresults[key]} />

Answer 2

除了道路答案，在SearchItem，您无法访问searchresults[key]。如果你说：

<SearchItem search={searchresults[key]} />;

您必须使用SearchItem组件的props。

SearchItem = React.createClass({
  render: function() {
    return (
      <li><strong>{this.props.search.snippet.title}</strong> </li>
    );
  }
});

尝试将数据从对象显示到无人值守列表。什么都没有显示

2 个答案: