在vue里面我们可以使用v-for循环我们的list里面的数据,然而我们的react,感觉更加接近我们的原生开发,今天我们就需要实现我们的list里面的数据,那么我们应该如何实现的我们的循环list里面的数据呢------map
下面就实现一个最简单的list里面的数据吧
import React, {Component} from 'react'
class App extends Component {
constructor(props) {
super(props);
this.state = {
goods: [
{id: 1, text: '条件渲染'},
{id: 2, text: '循环渲染'}
],
};
}
render() {
return (
<ul>
{this.state.goods.map(item => <p key={item.id}>{item.text}</p>)}
</ul>
)
}
}
export default App
然后,我们就能够实现我们的list循环到页面里面啦