将对象键添加到 href url link 的末尾？

Question

我尝试在 URL 末尾添加对象的键时遇到问题。它作为一个按钮工作，但由于某种原因，该键没有与 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

我不知道我是否完全理解它，但我们开始吧，也许这会起作用：

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.

上的另一种串联形式

将对象键添加到 href url link 的末尾？

Add object key to end of a href url link?

javascript

reactjs

url

react-router

href