如何用表格单元格中的参数替换具有历史记录的参数的链接到。

Posted 2023-02-21

【中文标题】如何用表格单元格中的参数替换具有历史记录的参数的链接到。

【英文标题】：How can I replace a Link To that has a parameter with a history.push with a parameter within a table cell

【发布时间】：2021-10-20 01:58:58

【问题描述】：

我有以下代码，想知道是否可以用history.push 替换此Link To，它也具有以下参数，即：

<TableCell style=width: '10%'>
   <Link
      to=`/run-id/$item.run_id`
      style= textDecoration: 'underline', color: 'black' 
    >             
      item.run_id
    </Link>
</TableCell> 

请注意item 来自items.map(item =>

如果可能，希望能就如何实现这一目标提供一些帮助。

【问题讨论】：

你想用Link to参数替换什么？为什么要使用history.push？

@Danial - 想看看是否可能，并希望能够推送到新页面，因为这是在嵌套路由中。这个可以吗？

【参考方案1】：

最好不要使用历史记录，因为你只需要一个链接。如果您想以编程方式更改路线（而不是基于客户端单击元素），history.push 会更合适 但是，如果您好奇，您可以将 history.push 传递给 TableCell 的 onClick 函数，如下所示：

import useHistory from "react-router-dom"

const history = useHistory()

<TableCell style=width: '10%' onClick=() => history.push(`/run-id/$item.run_id`)>      
    item.run_id
</TableCell>