JSX에서 React - rendering div가있는 하이 차트

Question

React로 작성된 웹 응용 프로그램에 Highcharts를 사용하려고합니다. 하이 차트는 div 태그를 통해 렌더링됩니다.

내 JSX 파일에서 내 페이지 (패널, 입력란, 버튼, 표, 드롭 다운 등)의 모든 것을 렌더링합니다. div 태그를 ID 또는 클래스와 함께 JSX에 연결하여 Highcharts JavaScript에 연결하려고하면 내 콘솔 (Highcharts 오류 # 13)에서 렌더링 div를 찾을 수 없다는 오류 메시지가 나타납니다. 내가 ID 또는 내 Highcharts 자바 스크립트로 연결 클래스 내 HTML로 div 태그를 부착 할 때

render() { 
    return (<div> 
     <div id="container"></div> 
     </div> 
     ); 
     } 
    } 

그러나, 나는 페이지에 표시하는 차트를 얻을 수 있습니다,하지만 난 그렇게 내 JSX 안에 원하는 패널, 컨테이너 등 안에 넣을 수 있습니다. JSX에 있습니다.

Answer 1

여기 내 자신의 질문에 대답하기 위해, 문제는 렌더링 함수가 highcharts가 div를 찾는 시도 후에 호출된다는 것입니다. componentDidMount() 섹션에 차트 렌더링 코드를 넣거나 타이머를 넣거나 dangerouslySetInnerHTML을 사용하여 highcharts 코드를 직접 렌더링 할 수 있습니다.