首页 > 解决方案 > 如何使用 reactjs 使用博客 API 按标签检索博客文章

问题描述

我在我的 react 应用程序中使用博客 api,通过使用 fetch API 将博客内容与其集成,作为 JSON 的对象。

我需要按标签检索/过滤帖子。

import React, { useState, useEffect } from "react";
const bloggerUrl = "https://www.googleapis.com/blogger/v3/blogs/5039479718685240371/posts?callback=handleResponse&key=AIzaSyDxfWmXTRnO5yIp25NvuUEBWKSa_5mqjHA";

function App() {
  const [userData, setUserData] = useState({});

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

  const bloggerWithFetch = async () => {
        const response = await fetch(bloggerUrl);
   const jsonData = await response.json();
   setUserData(jsonData);
    };

  return (
    <div className="App">
      <div className="App-header">
        <p>{userData.content}</p>
      </div>
    </div>
  );
}

export default App;

标签: javascriptreactjsreact-hooks

解决方案


推荐阅读