用非hook写法
class Demo extends React.Component{
constructor(){
this.state={
pagination:{pageSize:10, current:1}
}
}
onTableChange = (pagination)=>{
this.setState({pagination}, this.getList)
}
getList = ()=>{
const {pagination} = this.state;
queryList(pagination).then((res)=>{
console.log('res...',res);
})
}
}
但是用hooks写法
const Demo = ()=>{
const [pagination ,setPagination] = useState({pageSize:10, current: 1});
onTableChagne = (pagination)=>{
setPagination(pagination);
getList();
}
getList = ()=>{
// 这里的pagination还没变
queryList(pagination).then();
}
}
类似的这样的场景,hooks要怎么处理?不用每次state都要用useRef存一份吧,那也太麻烦了,有没有最佳实践之类的。
可以用useEffect处理,但有个小问题假设出现需要更新pagination但是不发请求的时候可能需要新增一个标识字段来处理
也可以通过传参处理