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脚本之前。

在React中访问回调

1 个答案: