React 如何將 HTML 標簽存儲為 Javascript Object

Question

我想知道如何將 html 標簽存儲為 Javascript object。考慮以下代碼：

const temp = () => {
    const complexity = "O(n<sup>2</sup>)"
    return (
        <div>
            {complexity}
        </div>
    )
}

現在，它呈現為確切的字符串：O(n²)
相反，我希望<sup>被視為 html 標簽並呈現為：O(n ² )

任何幫助表示贊賞。 謝謝

Answer 1

首先不要使用字符串，使用 JSX：

const complexity = <React.Fragment>O(n<sup>2</sup>)</React.Fragment>

React.Fragment 僅在此處需要，因為您具有三個頂級節點（文本、元素、文本）。

Answer 2

這不起作用，因為它不是 HTML 它的 jsx。 jsx 必須重新調整單個元素..所以只需將<sup>標記包裝在任何其他標記內

const Test = () => {
const complexity = <span>O(n<sup>2</sup>)</span>
return (
    <div>
        {complexity}
    </div>
)

}

Answer 3

我建議你用空片段來包裝它們。 例如

const complexity = <>O(n<sup>2</sup>)</>