React组件-设置页面标题
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>
);
}
如果只有那.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>
);
})
相关文章:
- React组件-设置页面标题
- 如何在自动完成时设置属性标题
- 是否可以像在$routeProvider中一样在 Angular AMD 中设置页面标题
- 如何在动态树标题中的输入字段上设置焦点
- 设置PDF页面的浏览器标题
- Ext JS 5.1:当可折叠为true时,无法对面板进行标题设置
- 使用javascript设置html页面的标题
- 正在为禁用的输入设置标题属性
- 如何打开jQuery对话框并将其标题自动设置为HTML标记中的属性
- 如何在dgrid中设置列内容的样式,而不设置列标题的样式
- 设置 Jquery 对话框标题栏样式
- 为HTML文本区域设置标题属性的样式
- jQuery ticker - 如何为 #ticker 标题设置 URL
- H1 标题设置不正确
- AG-Grid 将列标题设置为复选框,然后执行全选或取消全选列,而不是仅组
- MVC4引导JQuery-将下拉标题设置为所选项目
- 在JSP中将按钮标题设置为bean消息
- 将HTML中的按钮标题设置为非格式化文本
- Google 日历标题设置为“无显示”
- 如何为我的d3图表标题设置文本颜色