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 链接的末尾？

2 个答案: