[英]React Component - set page title
jsx代码在这里:
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 ['+ idx'] ,没问题。 如何获得头衔?
使用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>
);
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.