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

Question

我遇到了那种任何问题.所以,我有一个组件react,也使用react-router.一切都很有效.此组件有一个项目列表,当您单击一个项目时,它会将URL推送到iframe[src={url}].这里出现问题,如果我点击几个项目,然后点击上一页/后退按钮,而不是转到上一页,它只显示推送到iframe的前一个网址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)
}