import { Component } from 'react';
const user = [
{
name:'Tom',
age:18,
sex:'男'
},
{
name:'alice',
age:18,
sex:'女'
},
{
name:'Time',
age:18,
sex:'女'
}
]
class home extends Component{
constructor(props){
super(props)
this.state = {
}
}
getitem(item){
console.log(item);
}
render(){
return(
<ul>
{ //使用map()方法遍历数组
user.map((item,index) => (
//给标签添加onClick()点击事件
<li key={index} onClick={() => this.getitem(item)}>
<span>姓名:{item.name};</span>
<span>性别:{item.sex};</span>
<span>年龄:{item.age}</span>
</li>
))
}
</ul>
)
};
}
export default home;