Javascript “我的Iframe”未使用下面的REACT代码打开（错误--$未定义） var user=getCookie（“usr_c”）； if（用户！=“”&&user！=未定义）{ $（“#user1”）.attr（'src'，'https://youtube.com/?user="用户",； } 否则{ $（“#user1”）.attr（'src'，'https://youtube.com'); }

我正在我的react组件中尝试此js代码，但未定义错误，如$，如何在react js中使用上述代码您可以使用react挂钩。
我已经修改了你的iframe组件，请看一看

var user = getCookie("usr_c");
   if (user != "" && user != undefined) {
       $("#user1").attr('src','https://youtube.com/?user='+user);
   }
    else{
       $("#user1").attr('src','https://youtube.com');
    }
<iframe custom-frame-section  frameborder="1" id="user1" style="border: 2px inset black; width: 285px; height: 400px;"></iframe>

从“react”导入{useRef，useffect}；
导出默认函数IframeComponent（）{
常量iframeRef=useRef（null）；
useffect（函数（）{
var user=Boolean（getCookie（“usr_c”）；
iframeRef.current.src=
用户
? `https://youtube.com/?user=${user}`
: "https://youtube.com";
}, []);
返回；
}

您有jquery吗？您在任何地方导入了它吗？没有，我没有从jquerywhat导入import$，它将是$（“#user1”）.attr（'src'，'）；React中的这段代码如果你真的想使用jQuery（我不鼓励使用jQuery，反过来使用Direct React），那么下面的答案是：非常感谢你的帮助。代码运行良好：）但是我有一点怀疑，因为我不能安装js cookie，在这里使用get cookie的替代方法是什么，我有var cookie=require（'cookie'）；var name=cookie.name；我曾经这样使用过，但是用户名总是没有定义。我认为您使用的包

var cookie=require（'cookie'）是节点模块。也许这就是它不起作用的原因。无论如何，根据您的场景，您可以使用这些包或。
import { useRef, useEffect } from "react";

export default function IframeComponent() {
  const iframeRef = useRef(null);
  useEffect(function () {
    var user = Boolean(getCookie("usr_c"));
    iframeRef.current.src =
        user
        ? `https://youtube.com/?user=${user}`
        : "https://youtube.com";
  }, []);

  return <iframe title="youtube" frameBorder="1" ref={iframeRef} />;
}