reactjs - 在 React 中访问回调

Question

Google API JS 库在成功加载时返回回调。

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

有人可以解释一下如何将此回调集成到带有服务器端渲染的 React 应用程序中吗？在 vanilla 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 脚本之前。