將 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 上的另一種連接形式。