通过React钩子加载外部JavaScript库失败

我试图使用一个外部JavaScript库，它不能作为节点模块使用。为此，我使用了概述的示例代码，但我的React应用程序在尝试访问应该通过外部库的名称空间可用的属性时一直失败（这里以Google Books API为例）

示例应用程序的代码：

import React，{useffect，useState}来自“React”
函数App（）{
const[loaded，setLoaded]=useState（false）；
useffect（（）=>{
const scriptTag=document.createElement（'script'）；
scriptTag.src=http://google.com/books/jsapi.js';
scriptTag.addEventListener（'load'，（）=>{
console.log（'loaded！'）；
setLoaded（真）；
});
document.body.appendChild（scriptTag）；
}, []);
useffect（（）=>{
如果（！已加载）{
log（“尚未加载”）；
返回；
};
让谷歌：任何；
console.log（google.books）；
}，[加载]；
返回(
你好，世界
)
}
导出默认应用程序