2017-09-04 2 views
0
jsonp = (url, callback) => { 
     var callbackName = 'jsonp_callback_' + Math.round(100000 * Math.random()); 
     window[callbackName] = function(data) { 
      delete window[callbackName]; 
      document.body.removeChild(script); 
      callback(data); 
     }; 

     var script = document.createElement('script'); 
     script.src = url + (url.indexOf('?') >= 0 ? '&' : '?') + 'callback=' + callbackName; 
     document.body.appendChild(script); 
    } 

componentDidMount() { 
this.jsonp('https://www.naver.com', function(data) { 
      alert(data.meta.description); 
     }); 
} 

하지만 얻을 :catch되지 않은 구문 에러 : 예기치 않은 토큰 <

Uncaught SyntaxError: Unexpected token < error...

어떻게이 문제를 해결할 수 있습니까? 당신의 .babelrc 파일

{ 
    "presets":[ 
     "react-app" 
    ] 
} 

에서

+1

어떤 줄에서 오류가 발생합니까? 위의 스 니펫에'<'가 보이지 않습니다. – Nisarg

+0

'componentDidMount()'에서 오류가 발생했습니다. 'function componentDidMount()'를 작성해야합니다. – adda82

+0

코드를 JSX에서 JS로 변환하는 것을 잊지 않았습니까? – Amid

답변

0

그리고 npm install --save-dev babel-preset-react-app

이 만든 응용 프로그램의 사용을 반응하고 대부분의 최신 구문을 처리하기 위해 업데이트됩니다 것입니다.

관련 문제