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;] ,则没问题。 如何获得头衔?
答案 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>
);
})