我正在尝试使用 Google 的模型查看器 Web 组件在我的网站上显示模型。文档说该组件有一个“已加载”属性,该属性是“只读”的,并且“如果自上次 src 更改以来已触发加载事件,则返回 true”。我试图在组件加载时使用此属性来调用函数,但我认为我没有正确访问它。我应该使用 componentDidUpdate 来检查此属性是否已更改?或者有没有办法使用onload()?
到目前为止我的代码如下所示:
class App extends Component {
isLoaded() {
console.log("loaded!")
}
render() {
return (
<>
<model-viewer
src={require('..my model..')}
alt="A model"
loading="eager"
loaded={this.isLoaded}
/>
</>
)
}
}
export default App;
Run Code Online (Sandbox Code Playgroud)