iframe与后退导航 - 如何修复浏览器历史记录错误
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
在使用iframe的React组件中，切换src会增加浏览器历史记录，导致用户需多次点击后退。为解决此问题，作者使用useRef钩子引用iframe，并通过contentWindow的location.replace方法替换URL，从而避免添加历史记录，用户可以顺利返回。
🎯
关键要点
- 在使用iframe的React组件中，切换src会增加浏览器历史记录，导致用户需多次点击后退。
- 作者使用useRef钩子引用iframe，并通过contentWindow的location.replace方法替换URL，避免添加历史记录。
- 用户可以顺利返回到之前的页面，而不受iframe src切换的影响。
- iframe的src不再直接与状态绑定，使用'about:blank'作为初始src。
- 该方法适用于从第三方服务器加载内容的iframe。
➡️
