React Component - 设置页面标题

时间:2016-05-18 09:26:27

标签: javascript node.js reactjs

  

jsx Code Here:

class PaperList extends React.Component{
  constructor() {
    super();
    this.state = {
      newsList: [{
        title:'title1',
        content:'content1'
      },{
        title:'title2',
        content:'content2'
      }]
    };
  }
render() {
var that = this;
    var lists = this.state.newsList.map(function(news,idx){
      return <Paper key={idx} style={paperStyle} zDepth={2}><h2>{that.state.newsList['+idx+'].title}</h2></Paper>;
    });
    return (<div>
      {lists}
    </div>
    );
  }

如果只有 that.state.newsList [&#39; + idx&#39;] ,则没问题。 如何获得头衔?

1 个答案:

答案 0 :(得分:0)

使用Array.map()时,不需要通过索引访问数组。在您的情况下,news是当前索引idx中数组中的项。无需使用this.state.newsList中的idx值找到该项。下面的代码应该可以获得标题。

var lists = this.state.newsList.map( function( news, idx ) {
   return (
      <Paper key={idx} style={paperStyle} zDepth={2}>
         <h2>{news.title}</h2>
      </Paper>
   );
})