javascript - React-router 和 iframe，浏览器历史记录

Question

我遇到了那种问题。所以，我在 react 中有一个组件，并且还使用了 react-router。一切都很好。这个组件有一个项目列表，当你点击一个项目时，它会将 url 推送到 iframe[src={url}]。这里出现了问题，如果我点击几个项目然后点击上一页/后退按钮，而不是去上一页，它只显示被推送到 iframe 的 url 的前一个 iframe。

遇到这种情况我该怎么办？

@我正在使用 react-router-dom v4

Answer 1

不要只更改 src。每次 src 更改时，您都必须更换一个新的 iframe。 通过在不做太多改变的情况下这样做，每次更改 src 时只需将差异键添加到您的 iframe

render(){
const iframe = <iframe key={this.thing.id} src={this.thing.src} ></iframe>
return(iframe)
}