Javascript React |在jsx中呈现html标记

如何在react中呈现字符串和html标记。我只想在10秒钟内将重定向添加到下一行，但我得到的是[object]

tip={"Please wait!" +<br/ >+"Redirecing in 10 seconds..."}

tip={“请稍候！”+
+“10秒后重新接收…”

演示：

您可以这样尝试：

<Spin tip={<span><br />"Loading..."</span>}>

tip={<span>Please wait!<br/ >Redirecing in 10 seconds...</span>}

您可以尝试根据以下内容在字符串中添加“\n”：

提示

应该是

字符串

，使用

\n

换行符，并添加

空白：“换行符

到

旋转的样式中

：

<Spin tip={"Please wait! \n Redirecing in 10 seconds..."} style={{ whiteSpace: "break-spaces"}}>

ReactDOM.render(
,
document.getElementById（“容器”）
)；

---

您应该将所有内容放在一个jsx标记中，不使用引号和连接，如下所示：

<Spin tip={<span><br />"Loading..."</span>}>

tip={<span>Please wait!<br/ >Redirecing in 10 seconds...</span>}

tip={请稍候！
10秒后重新接收…}

可能类似于

您不能在ant design Spin prop的Spin组件中发送HTML标记

它将始终认为它是一个字符串，不会呈现HTML。 我认为这有助于防止不必要的代码进入我们的应用程序