Question

我正在尝试获取一个链接以生成动态查询字符串。该列表正在map循环内呈现记录，但是我似乎无法在Link标签内呈现变量。在浏览器中，它显示{record.idea_uniqueid}。

<Link to="/searchIdeaDetail?IUI={record.idea_uniqueid}">
  <ListItem>
    <Avatar><WorkIcon /></Avatar>
    <ListItemText primary={record.ideaName} secondary={record.lkpEmail} />
  </ListItem>
</Link>

Answer 1

更改

<Link to="/searchIdeaDetail?IUI={record.idea_uniqueid}">

到

<Link to={`/searchIdeaDetail?IUI=${record.idea_uniqueid}`}>

Answer 2

您应该这样写：

<Link to={`/searchIdeaDetail?IUI=${record.idea_uniqueid}`}>
  <ListItem>
    <Avatar><WorkIcon /></Avatar>
    <ListItemText primary={record.ideaName} secondary={record.lkpEmail} />
  </ListItem>
</Link>

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

链接动态变量

2 个答案: