React 中有 Class 组件和 Func 组件
我看官网推荐使用 Func 组件
但是在 Func 组件中,处理列表让我感觉非常头疼
例如,在 Class 组件的列表里,常见的列表操作:
如何在 Func 组件中实现 Class 中组件这样常见的操作?
`
import React, { Component } from 'react'
import {fetchList} from 'Api'
export default class Loop extends Component {
//1.初始化数据
state = {
list:fetchList()
}
//2.点击事件修改数据
setItem(item){
item.name = "修改后的名字"
item.active = !item.active
this.setState({
list:this.state.list
})
}
render() {
return (
<div>
<ul>
{this.state.list.map((item,index)=>{
return <li key={index} onClick={()=>{
this.setItem(item);
}}>{item.id}:{item.name}</li>
})}
</ul>
</div>
)
}
}
`
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.