React JS中与Angular JS的$sce.trustAsResourceUrl等效的方法是什么

React 没有内置和 AngularJS 中 $sce.trustAsResourceUrl 完全对等的API，默认也不会对合法的 HTTP/HTTPS 协议资源URL做拦截，针对iframe加载场景，直接把接口返回的URL赋值给iframe的src属性即可，无需额外做信任标记。

基础用法示例：

// response 为接口返回的响应数据
function CustomIframe({ response }) {
  const iframeUrl = response.url;
  return <iframe src={iframeUrl} title="外部资源页" />
}

安全提示：请确保接口返回的URL来源完全可信，如果URL存在用户可修改的部分，建议先添加白名单校验逻辑，避免加载恶意站点：

// 配置可信域名白名单
const ALLOWED_HOSTS = ['your-trusted-domain.com', 'cdn.allow-domain.com'];

function getValidUrl(rawUrl) {
  try {
    const urlObj = new URL(rawUrl);
    if (ALLOWED_HOSTS.includes(urlObj.hostname)) {
      return rawUrl;
    }
  } catch (e) {
    // URL格式非法的情况处理
  }
  // 校验不通过返回兜底地址
  return 'about:blank';
}

// 调用示例
const iframeUrl = getValidUrl(response.url);

如果你需要加载的是 javascript:、data: 等特殊协议的URL，React默认会拦截这类危险地址，你确认资源安全的前提下，可以通过ref直接操作DOM赋值绕开默认校验：

import { useRef, useEffect } from 'react';

function SpecialProtocolIframe({ response }) {
  const iframeRef = useRef(null);

  useEffect(() => {
    if (iframeRef.current) {
      iframeRef.current.src = response.url;
    }
  }, [response.url]);

  return <iframe ref={iframeRef} title="特殊协议资源页" />
}

内容的提问来源于stack exchange，提问作者Samir