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