react使用Hook实现分页功能

Question

问题遇到的现象和发生背景

react中使用hook实现分页功能

用代码块功能插入代码，请勿粘贴截图

const [paginationo, setPagination] = useState({   // 分页数据
        current: 1,
        pageSize: 10
 })
useEffect(() => {
        // 这个接口需要在页面刚进来的时候就要调用一次拿到数据展示
        getBannerListData()
}, [])

//分页需要调用的接口列表，
    const getBannerListData = async () => {
        try {
            const { result } = await getBannerList({
                ...paginationo,
                moduleId: 1,
            })
            setPagination({...paginationo,total:result.totalSize})
        } catch (error) {
            message.error(error.message)
        }
    }
 const tableChange = (pagination ) => {  // 点击分页的事件
         
        setPagination(pagination) 
         // 需要在更改当前页码后，再次调用分页列表接口
            getBannerListData()
             
    }

我的解答思路和尝试过的方法

使用useEffect 依赖分页，但是这样的话会造成刚进入页面 就一直调用的情况，因为接口一直在修改paginationo的值

Answer 1

 useEffect(() => {
        // 这个接口需要在页面刚进来的时候就要调用一次拿到数据展示
        getBannerListData()
    }, [paginationo])

再写个 useFffect 然后加个依赖 呢