7. 列表数据渲染
具体代码可以参考我的github中的my-app
列表数据非常常见,例如新闻列表,信息列表等,我们在vue中使用v-for对数据列表进行渲染,而react中渲染列表的方式没有语法糖,更为直接,上例子!
class ListRender extends Component {
constructor(props) {
super(props);
this.state = {
userInfo: [
{
name: 'tom', age: 18, habbits: 'baseball' },
{
name: 'jerry', age: 20, habbits: 'tennis' },
{
name: 'Mike', age: 19, habbits: 'football' }