Доступ к обратному вызову в реакторе

Question

Библиотека API Google API возвращает обратный вызов при успешной загрузке.

<script src="https://apis.google.com/js/client.js?onload=callback"></script> 

Может кто-нибудь объяснить, как интегрировать этот обратный вызов в приложение React с визуализацией на стороне сервера? В ванили Js это будет что-то вроде этого:

function callback() { 
    gapi.auth.authorize({...}); 
} 

Answer 1

Это зависит от того, что именно вы делаете. Предположим, вы хотите ввести изменение состояния в этот обратный вызов. Вы можете поместить следующее в свой компонент React:

componentWillMount() { 
    if (typeof window === 'undefined') { 
     return; // client side only 
    } 
    window.callback =() => { 
     this.setState({ 
      isAuthorized: true 
     }); 
    }; 
} 

Просто убедитесь, что этот обратный вызов определен до вызова удаленного ресурса. т. е. поместите свои сценарии React перед скриптом Google.