Javascript 使用React路由器关闭引导模式后重定向

所以我使用React和引导以及React路由器进行路由

我有一个包含一些内容的页面（位于

/bookmarks/21

），当单击“删除”按钮时，它将打开一个模式，询问您是否要删除该页面。如果单击“否”，我将获得基本的

data dismission=“modal”

，它会将我带回页面，而不会发生任何更改。但是，当您单击“是”时，该项目将在后端被删除，模式将关闭，但页面不会像我所希望的那样重定向到主页（

/

），而是停留在

/bookmarks/21

上，因为它已被删除，因此没有任何内容。我试图避免使用jQuery，但下面是我当前的代码

<Link to={'/'}>
  <button type="button" className="btn btn-default" onClick={() => this.onDelete(this.props.bookmarkId)} data-dismiss="modal">Yes</button>
</Link>

但是，有没有一种方法可以通过React路由器实现这一点？任何帮助都将不胜感激

import { Redirect } from 'react-router-dom'
this.setRedirect("/blah");

---

诸如此类的问题都是你在《路线》中提出的。

这个问题是很久以前提出来的，但以下是我最终要做的事情，以及我现在继续要做的事情

您可以使用

this.props.history

对象来响应路由器添加并将路由推送到阵列中

例如：

handleClick = () => {
  this.handleDelete(bookmarkId)
  this.props.history.push('/blah')
}

然后使用按钮

onClick

handleClick = () => {
  this.handleDelete(bookmarkId)
  this.props.history.push('/blah')
}