如何将html附加到div，其中包含javascript表达式

Question

我正在尝试使用innerHtml属性将带有javascript表达式的html附加到div。但我可以将输出视为唯一的[对象]。如何实现？代码如下。。。

document.getElementById("userlist").innerHTML = <ul>{userInfo.map((name, id) => <li><Link to="userpage?id="{...id}>{name}</Link></li>)}</ul>

这里的UserInfo是一个对象数组。有其他办法做这件事吗？怎样

Answer 1

document.getElementById("userlist").innerHTML =

${userInfo.map((name，id(=>
• <链接到="userpage？id="{…id}>｛name｝
)}

`

Answer 2

尝试String((<Link to="userpage?id="{...id}>{String(name)}</Link>