Javascript 可以插入React JSX<；链接>；使用innerHTML方法？

我的react应用程序中有一些html（JSX），如下所示：

<div><h3>Title</h3><p> some message...</p></div>

Title一些消息

然后我使用innerHTML将其分配给名为msg的变量，如下所示：

let msg
msg.innerHTML = "<div><h3>Title</h3><p> some message...</p></div>"
//then i append it to my app like this
document.body.appendChild(msg)

let msg
msg.innerHTML=“Title一些消息…”
“
//然后我像这样将其附加到我的应用程序中
document.body.appendChild（msg）

现在，我想用一个本机React Link元素来包围上面的html，如下所示

msg.innerHTML = "<Link to"/"><div><h3>Title</h3><p> some message...</p></div></Link>"

msg.innerHTML=“Title一些消息…”
“

当然，它不起作用，当它被呈现到页面时，它被编译为常规html，而不是充当react链接

我如何才能做到这一点，这是可能的还是有一种完全不同的方式来处理这个问题

我尝试过这样做，尝试了许多不同的变化，但没有雪茄：

msg.innerHTML = `${<Link to"/">}<div><h3>Title</h3><p> some message...</p></div>${</Link}`

msg.innerHTML=`${}Title一些消息…
${有一个将React元素呈现为其初始HTML的函数

。。。
从“react dom/server”导入ReactDOMServer；
导出默认函数App（）{
useffect（（）=>{
const msg=document.createElement（“div”）；
msg.innerHTML=ReactDOMServer.renderToString(
标题
一些信息

);
document.body.appendChild（msg）；
}, []);
返回null；
}

此代码非常有用。它可以工作，但我在单击此元素时设置的状态没有得到更新。请详细说明您的问题，您没有提到您有事件侦听器。或者提供一个代码沙盒，以便我们可以看到您的实际代码。是的，我有一个事件侦听器，单击它时，它会将状态设置为“已添加”，这会导致所有状态为“已添加”的元素出现在此新页面上。但使用您提供的链接，它会转到页面，但不会设置状态。您在
链接
组件上单击了
一次
？否。这是代码沙盒：