ReactJs에서 외부 js 위젯을 어떻게 렌더링합니까?

Question

타사 js URL이 있습니다.

<script type="text/javascript" src="//app.jazz.co/widgets/basic/create/some-company-name" charset="utf-8"></script>

이렇게하면 html 페이지에서 일반적으로 사용할 수있는 작업 위젯과 자바 스크립트를 만드는 위젯이 만들어집니다.

ReactJS를 사용하여 html 페이지에서 위젯을 렌더링해야합니다. 하지만 위젯을 볼 수 없었습니다.

이것은 ReactJ에서 시도한 것입니다. 그러나 운이 없다.

componentDidMount() { 
    trackMixpanelEvent('Careers Page', { 
     'Exact Time': moment().format(), 
    }); 
    var addScript = document.createElement('script'); 
    addScript.setAttribute('src', '//app.jazz.co/widgets/basic/create/some-company-name'); 
    document.body.appendChild(addScript); 
} 

Answer 1

내가 이것을 할 때 내가 얻을

는 '문서'에 '쓰기'를 실행하지 못했습니다 : 않는 비동기로드 외부 스크립트에서 문서에 를 작성할 수 없습니다 명시 적으로 열립니다.

스크립트를 검사 할 때 document.write을 사용합니다. document.write가 소스 스크립트 코드에서 사용되면 JS 코드를 사용하여 스크립트를 동적으로 추가 할 수 없습니다.

나쁜 실행을 사용하지 않도록 스크립트를 업데이트하도록 공급자에게 알려줄 수 있습니다. document.write