グループコンポーネントをreactjsでマウントした後に関数を実行するにはどうすればよいですか？

Question

コールバックcomponentDidMountは、そのコンポーネントの要素を処理しているときには完全に機能しますが、コンポーネントのグループがマウントされた後、ページ上の複数のコンポーネントの要素を処理する関数を実行します。私ができることは何ですか？

Answer 1

propsを使用して各コンポーネントにコールバック関数を渡すことができます。これは、それぞれのcomponentDidMountメソッドが親コンポーネントを呼び出す、つまりそのコンポーネントの状態のカウンタを更新します。カウンタがレンダリングするコンポーネントの量に達すると、関数を実行します。親コンポーネントで

：

.... 

shouldComponentUpdate(nextProps, nextState) { 
    return nextState.childCount >= 4; 
} 

incrementChildCount() { 
    this.setState({ childCount: this.state.childCount + 1 }); 
} 

render() { 
    return(
    <div id="container"> 
     <Child callme={this.incrementChildCount} /> 
     <Child callme={this.incrementChildCount} /> 
     <Child callme={this.incrementChildCount} /> 
     <Child callme={this.incrementChildCount} /> 
    ); 
} 

子コンポーネントで：他のコンポーネントは、すべての子供がいる場合は

componentDidMount() { 
    this.props.callme() 
} 

Answer 2

は、あなたは彼らのために関数を定義し、それらをインスタンス化refを割り当てることができます。そして、親がその機能を実行することができます：あなたはアンチパターンを作成しようとしているようにこれはそう

... 
isValid: function() { 
    // this is just an example; i don't know what you want your children to return or do... 
    ret = true; 
    if (<you conditions here>) { 
    ret = false; 
    } 
    return ret; 
}, 
...