next.js 从JSON中获取数据并将其解析为link [已关闭]

xggvc2p6  于 2023-11-18  发布在  其他
关注(0)|答案(1)|浏览(136)

已关闭。此问题需要details or clarity。目前不接受回答。
**要改进此问题吗?**通过editing this post添加详细信息并阐明问题。

10天前关闭。
Improve this question
我在设置链接列表时遇到了一个小问题。我所有的链接都存储在数据库中,我以JSON的形式获取它。响应数据应该是URL而不是纯文本。有人能帮忙吗?

export default function ExampleCheckbox() {
      const [showWerkzeug, setshowWerkzeug] = useState();

      // const [showVplatz, setshowVplatz] = useState();
      const apiUrl = "/api/Strava";
      let allData;

      function pullJson() {
        fetch(apiUrl)
          .then((response) => response.json())
          .then((responseData) => {
            allData = responseData
              // .filter((el) => el.category == "Werkzeug")
              .map(function (liste) {
                return <p key={liste.id}>{liste.link}</p>;
              });
            setshowWerkzeug(allData);
          });
      }

字符串

nzkunb0c

nzkunb0c1#

你需要一些带有href的锚标签。
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

allData = responseData
              // .filter((el) => el.category == "Werkzeug")
              .map(function (liste) {
                return <p key={liste.id}><a href={liste.link}>{liste.link}</a></p>;
              });

字符串

相关问题