reactjs - history.push 重定向覆盖了我设置为不同的路径

Question

我有这个小部件

整个事情都可以点击到某个路径。我在里面放了两个按钮，编辑和删除

remove 工作正常，它执行一个传奇。现在编辑按钮我希望它是一个重定向到某个 URL 的链接。我不能这样做，因为我不能<a>把<a>. React 向我显示了一个警告。

所以我使用了一个重定向的按钮：

1.

import {Link, useHistory} from "react-router-dom";
const history = useHistory();
    <button onClick = {() => history.push(`/domain/${props.domain.id}/edit`)}>
    edit
    =</button>

2. 因为我使用connected-react-router，所以我也试过

   import {history} from '../../../redux/store'; <button onClick = {() => history.push(/domain/${props.domain.id}/编辑)}

他们都有相同的行为：

如您所见，重定向被“/domain/5f95554624aa9a0006351825”覆盖，这是外部链接的链接。

即使我将 url 更改为“/users”之类的内容，它仍然会被覆盖。

我只想将用户重定向到简单的 URL。我怎样才能做到这一点？

Answer 1

您可以使用preventDefault来停止Link默认行为。

<Link to="/xyz">
  Link
  <button
    onClick={(e) => {
      history.push(`/domain/${props.domain.id}/edit`)
      e.preventDefault()
    }}
  >
    edit
  </button>
</Link>