React)React에서 kakao sdk 불러오기(next js, react 에서 kakao is not defined) 카카오 채팅

문제

Kakao.init() 기능을 활용하고 싶은데, undefined 이라고 뜨면서  기능실행이 안된다.

 

react에서는 sdk api를 불러올때 script로 불러와야만 한다.

(카카오가 리액트 배려를 안해서)

 

해결방법

 componentDidMount() {
    const script = document.createElement('script');
    script.async = true;
    script.src = "https://developers.kakao.com/sdk/js/kakao.js";
    document.head.appendChild(script);
  }

이렇게 코드를 적으면  kakao sdk api를 무사히 가져올 수 있다.