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)
}