在Javascript/React中对API请求分页？

const [currentPage, setCurrentPage] = useState(1);
const [pageSize, setPageSize] = useState(10);

const fetchData = async () => {
  try {
    const response = await fetch(`/api/data?page=${currentPage}&pageSize=${pageSize}`);
    const data = await response.json();
    // 处理返回的数据
  } catch (error) {
    // 处理错误
  }
};

useEffect(() => {
  fetchData();
}, []);

return (
  <div>
    {data.map(item => (
      // 渲染数据
    ))}
    <button onClick={() => setCurrentPage(currentPage - 1)}>上一页</button>
    <button onClick={() => setCurrentPage(currentPage + 1)}>下一页</button>
  </div>
);