Добавить тег ссылки в iframe?

#jquery #reactjs #iframe

Вопрос:

Я пытаюсь добавить тег ссылки в заголовок ,чтобы я мог применить стиль к телу iframe ,но ничто из того, что я пробовал, не работает для меня, я использовал способы, которые я пробовал, я работаю с react

Использование jQuery

 import $ from 'jquery'  setTimeout(function() {  var $head = $("#iframe-style").contents().find("head");   $head.append($("lt;link/gt;",   { rel: "stylesheet", href: './style.css', type: "text/css" }  ));   }, 1);  

Второй способ

 useEffect(() =gt; {  var d= window.frames[0].document;  d.open();  d.write(  'lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional //EN" "http://www.w3.org/TR/html4/loose.dtd"gt;'   'lt;htmlgt;lt;headgt;lt;link rel='stylesheey' href='./style.css' type="text/css" gt;' lt;/headgt;lt;bodygt;lt;/bodygt;lt;/htmlgt;'  );  d.close(); },[])  

и это дает мне эту ошибку введите описание изображения здесь