onloadイベントが発生しない

Question

私は、なぜonloadイベントが呼び出されないのかを理解しようとしています。すべてがエラーなく構築され、同様のonLoadイベントは別のコンポーネントで機能します。

class Work extends React.Component { 
    constructor(props) { 
     super(props); 


     this.state = { 
      allImgLoaded: false, 
      boxHovered: false, 
      projects: projects 
     } 
     this.handleWorkLoad = this.handleWorkLoad.bind(this); 

    } 

    componentWillMount() { 
     window.scrollTo(0,0); 
    } 

    componentDidMount() { 
     this.handleWorkLoad() 
    } 

    handleWorkLoad() { 
     console.log("called"); 
     this.setState({ 
      allImgLoaded: true 
     }) 
    } 

    render() { 

     return (
      <div className={this.state.allImgLoaded ? "work" : "work invisible"}> 
      </div>  
     ); 
    } 
}; 

export default Work; 

なしあり： エクスポートクラスの仕事はReact.Component {

constructor(props) { 
    super(props); 


    this.state = { 
     allImgLoaded: false, 
     boxHovered: false, 
     projects: projects 
    } 
this.handleWorkLoad = this.handleWorkLoad.bind(this); 

    } 

componentWillMount() { 
    window.scrollTo(0,0); 
} 

handleWorkLoad() { 
    console.log("called"); 
    this.setState({ 
    allImgLoaded: true 
    }) 
} 

    render() { 

    return (
    <div className={this.state.allImgLoaded ? "work" : "work invisible"} onLoad={this.handleWorkLoad}> 

     </div>  
    ); 
    } 
}; 

export default Work; 

Answer 1

では、あなたがあなたのコンポーネントが、それは、位相をロードしています終えた後に特定のコードを実行することができますcomponentDidMountメソッドを持って反応を拡張しますonLoadのイベントdivのイベントが反応します。