reactjs - react : how can I call a function when a component has loaded?

Question

我正在尝试使用 Google 的 model-viewer web component在我的网站上显示模型。文档说该组件有一个“已加载”属性，它是“只读”和“如果自上次 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;

Answer 1

事情是model-viewer您在这种情况下使用 不是 一个 react 组件。这意味着它既没有反应组件行为也没有生命周期。
我的解决方案是寻找其他库作为包装器，如下所示:

https://www.npmjs.com/package/react-3d-model-viewer

https://www.npmjs.com/package/react-model-viewer