首先,我们需要引入react的库
<script type="text/javascript" src="../day03/js/react.development.js"></script>
<script type="text/javascript" src="../day03/js/react-dom.development.js"></script>
<script type="text/javascript" src="../day03/js/babel.min.js"></script>
接着我们定义一组数据,可以是数组或者是对象
class Person extends React.Component{
state={
PersonArr:[
{
id:1,
name:'大哥',
age:19
},
{
id:2,
name:'二弟',
age:23
},
]
}
}
接下来,我们进行数据的循环,有两种写法,一个是写在return之前,另一种方法是写在根标签中
render(){
let dom=this.state.PersonArr.map((item,index)=>{
return <li key={item.id}>{item.n