[英]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.