bug1
map形参顺序错误,索引在后,值在前才是对的
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
users: [
{
username: 'Jeff',
online: true
},
{
username: 'Alan',
online: false
},
{
username: 'Mary',
online: true
},
{
username: 'Jim',
online: false
},
{
username: 'Sara',
online: true
},
{
username: 'Laura',
online: true
}
]
};
}
render() {
const usersOnline = this.state.users.filter((item)=>item.online===true); // 修改这一行
const renderOnline = usersOnline.map((index,item)=><li key={index}>{item}</li>); // 修改这一行
return (
<div>
<h1>Current Online Users:</h1>
<ul>{renderOnline}</ul>
</div>
);
}
}
1.map中的形参应该是item第二个才是index
2.输出应该是输出username而不是索引即
- {item.uername}