小编Ame*_*lia的帖子

React:组件加载后如何调用函数?

我正在尝试使用 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)

loading onload onload-event reactjs

18
推荐指数
2
解决办法
7万
查看次数

标签 统计

loading ×1

onload ×1

onload-event ×1

reactjs ×1