React iframe沙箱不允许任何操作

Question

我需要在React应用程序中使用iframe沙箱。在这种情况下，我不想允许任何事情并限制所有事情。

因此，当我将沙箱传递为空白时，类似于：-

<iframe
  frameBorder="0"
  ref={(container) => { this.container[index] = container; }}
  srcDoc={thread.body}
  sandbox
/>

我得到这个-“警告：收到true的非布尔属性sandbox。”

反应：“ ^ 16.5.2”

Answer 1

像对待<iframe sandbox />一样对待<iframe sandbox={true} />，在这里是不正确的。

基于此处的文档：https://www.w3schools.com/tags/att_iframe_sandbox.asp，浏览器期望沙盒道具为空值。

您应该只使用

<iframe
  frameBorder="0"
  ref={(container) => { this.container[index] = container; }}
  srcDoc={thread.body}
  sandbox=""
/>

编辑：

OP在评论中回答时，他必须做sandbox="allow-same-origin allow-popups"。