我有一個組件可以對博客文章執行分頁功能。每次單擊“加載更多”按鈕時，頁面底部都會加載另外五個帖子。不過，我現在對如何解決問題一無所知。問題：單擊“加載更多”按鈕并且所有可用帖子都可見后，“加載更多”按鈕應該消失。代碼：const Posts = ({ state }) => {  const [categories, setCategories] = useState([]);  const [categoryId, setCategoryId] = useState();  const [page, setPage] = useState(1);  const [posts, setPosts] = useState([]); // Posts for each category  const [allPosts, setAllPosts] = useState([]); // All posts from all categories  // Get all of the available categories  useEffect(() => {    fetch(state.source.api + "/wp/v2/categories")      .then(response => response.json())      .then(data => {        setCategories(data);      })  }, []);  useEffect(() => {    if (categoryId) {      fetch(state.source.api + "/wp/v2/posts?categories=" + categoryId + "&per_page=5")        .then((response) => response.json())        .then((data) => {          setPosts(data);        });    }  }, [categoryId]);  // Get posts for each category  useEffect(() => {    if (!categoryId) {      return;    }    let url = state.source.api + "/wp/v2/posts?categories=" + categoryId + "&per_page=5";    if (page > 1) {      url += `&page=${page}`;    }    fetch(url)      .then((response) => response.json())      .then((data) => {        setPosts([...posts, ...data]);      });  }, [categoryId, page]);  useEffect(() => {    let url = state.source.api + "/wp/v2/posts?per_page=5";    if (page > 1) {      url += `&page=${page}`;    }    fetch(url)      .then((response) => response.json())      .then((data) => {        setAllPosts([...allPosts, ...data]);      });  }假設最多有 3 頁的帖子，一次查看 5 個 - 所以總共 15 個帖子......一旦所有 3 頁都可見，我再次點擊“加載更多”（即使沒有更多帖子可用） ，我收到一個控制臺錯誤... my api... GET /wp/v2/posts?categories=78&per_page=5&page=4 400 (Bad Request)，這顯然意味著沒有要獲取的第 4 頁，因為沒有更多帖子。我認為這需要一個 if 語句，但我不確定我將如何開始編寫它。有人有任何意見嗎？