如果我的API没有pagination - react原生，如何添加加载更多功能？

const [data, setData] = useState([]);
const [page, setPage] = useState(1);

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

const fetchData = async () => {
  try {
    const response = await fetch('your-api-url');
    const jsonData = await response.json();
    setData(jsonData);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
};

const loadMoreData = async () => {
  try {
    const nextPage = page + 1;
    const response = await fetch(`your-api-url?page=${nextPage}`);
    const jsonData = await response.json();
    setData([...data, ...jsonData]);
    setPage(nextPage);
  } catch (error) {
    console.error('Error loading more data:', error);
  }
};

return (
  <div>
    {data.map((item) => (
      <div key={item.id}>{item.name}</div>
    ))}
    <button onClick={loadMoreData}>加载更多</button>
  </div>
);