小编Joa*_*ami的帖子

我正在为 React (Next.js) + Wordpress API 应用程序使用无头方法。

我遇到的问题是当内容编辑器将锚标记添加到 WP 的所见即所得编辑器中时。我正在使用 React 解析该内容dangerouslySetInnerHTML，因此<a href="whatever">会生成一个普通文本。

我该如何将其转换为next.js <Link>标签？

不确定这是否有帮助，但这是我的一段代码：

          <React.Fragment>
            <h1>Page: {title.rendered}</h1>
            <div
              className="richtext"
              dangerouslySetInnerHTML={{ __html: content.rendered }}
            ></div>

            {wpData.acf.modules.map((mod, index) => (
              <React.Fragment key={`module=${index}`}>
                {renderComponents(mod)}
              </React.Fragment>
            ))}
          </React.Fragment>

由于我使用的是解耦解决方案，锚标记指向服务器 URL，这会导致页面损坏。