將 Next.js 鏈接插入 html 字符串

Question

我有一個從 API 檢索到的 html 字符串。

const htmlString = "<p>Hello World</p>";

我正在使用 react 的dangerouslySetInnerHTML在我的頁面上顯示該內容。

現在在顯示它之前，我想對其進行處理並在“世界”上放置一個鏈接。 但不是<a>標簽。 我需要一個實際的 Next.js <Link>標簽。 所以字符串替換可能無法完成這項工作。

我想在 jsx 中實現的結果是：

const processed = <p>Hello <Link href="/my-route"><a>World</a></Link></p>

我曾想過使用 React.createElement 但我不確定如何在字符串中插入內容。

有什么想法我能做到這一點嗎？

Answer 1

 Hello<Link href="https://github.com">World</Link>

您不需要在鏈接中指定另一個錨標記。 這應該可以正常工作。