[React] 親コンポーネントのイベントを契機とした子コンポーネントの関数の呼び出しかた

Question

###前提・実現したいこと

React(Reduxなし)でアプリケーションを作っています。
Reactの子コンポーネントが持つ関数を、親コンポーネントのイベントを契機として呼び出したいです。

###発生している問題・エラーメッセージ
実現方法がわかりません。どのようにすれば良いのか教えてください。

###該当のソースコード
イメージとしては、下記のChildコンポーネント内の関数ineternalをParentコンポーネントのイベントを契機として呼び出したいです。
internalは親から渡された関数を呼び出し、stateを更新します。internalはstateを更新するため、Childコンポーネントのrenderから呼んではいけないとの認識です。

class Parent extends React.components {
  update (e) => { this.setState({s: e}); } 
  render () => <div><Child handler={(e) => this.update(e);}
                     param={this.state.s} /></div>;
}

class Child extends React.components {
   private _a = new extLibrary();
   internal () => {
      /* do something */
      this.props.handler(_a);
   }
   render () => <div />
}

###試したこと
子コンポーネントにref属性(ref="child"など)をもたせて,this.refs.child.internal()と試しました。this.refs.childのオブジェクトは取得できましたが、internalプロパティがありませんでした。また、refの利用はあまり推奨されていない？ようなので、別の方法があればそちらを採用したいです。

###補足情報(言語/FW/ツール等のバージョンなど)
Reactのバージョンは15.5.4です。

Answer 1

いただいた回答とは異なりますが、子コンポーネントのcomponentDidMountにおいて、親から渡されたprops({}や[]}に目的のメソッドを格納してあげることで、親から子コンポーネントのメソッドを利用することができ、解決しました。
下記のサンプルを参考にしました。
https://jsfiddle.net/8upy71k1/

Answer 2

親コンポーネントでイベント発生→親コンポーネントのステート変化→子コンポーネントの再レンダリング→子コンポーネントのメソッド実行

Comments

[Sagarat]

ご回答ありがとうございます。
例えば親コンポーネントでイベントを契機としてstate:xを更新(false -> true)するとして、子コンポーネントのrender()メソッド内で子コンポーネントの目的のメソッドを実行するということでしょうか。

```js
class Parent extends React.components {
update (e) => { this.setState({s: e}); }
clear () => { this.setState({x: false); }
render () => <div><Child handler={(e) => this.update(e);}
param={this.state.s} clear={() => this.clear()} /></div>;
}

class Child extends React.component {
render () {
if (this.state.x === true) {
this.internal();
this.props.clear();
}
return <div />
}
}
```
上記認識で正しい場合、renderメソッドによって最終的にstateが更新されると思うのですが、問題ないのでしょうか。