将 object 密钥添加到 href url 链接的末尾？

Question

有一个问题，我试图在 URL 的末尾添加我的 object 的密钥。 它作为一个按钮工作，但由于某种原因，该键没有与 href 一起显示？ 我通常会做+但是反应有点难以理解我做错了什么..有人可以指出我做错了什么吗？

{
    Object.keys(listItems).map(function(key) {
      return (
        <a>
          <ListItemText button='true' href="https://something.com/user/"{...key} inset primary={listItems[key]}></ListItemText>
        </a>
      )
      })}

Answer 1

我不知道我是否完全理解它，但在这里我们 go，也许这会起作用：

Object.keys(listItems).map(function(key) {
      return (
        <a>
          <ListItemText button='true' href={"https://something.com/user/" + key} inset primary={listItems[key]}></ListItemText>
        </a>
      )
      })

Answer 2

Object.keys(listItems).map(function(key) {
  return (
    <a>
      <ListItemText button='true' href={`https://something.com/user/${key}`} 
      inset primary={listItems[key]}></ListItemText>
    </a>
  )
 })

这个。 是 javascript/typescript 上的另一种连接形式。