問題タブ [react-loadable]

react- loadable を使用して、react ルーター v4 でコード分割を試みています。私が達成しようとしているのは、現在のビューを読み込み中のコンポーネントに置き換えるのではなく、現在レンダリングされているものをすべて保持することです。現在ロードされているコンポーネントのみの状態を変更します。反応ロード可能を使用してこれを達成する方法はありますか? または、別のライブラリがある可能性があります。

export default connect(mapStateToProps, mapDispatchToProps)(LoaderStripComponent);

インポートの約束が解決されるまで、この LoadableStrip が以前にロードされたコンポーネントをレンダリングするようにします。

私のメイン コンポーネントでは、ref を作成しました。

そして、 Route に埋め込まれている私のコンポーネントに割り当てました:

私のコンポーネントである TransferNew も、react-loadable とその Loadable コンポーネントを使用して動的にロードされます。this.transfernewRef.current を出力すると、LoadableComponent オブジェクトが得られます。

そこからコンポーネント TransferNew にアクセスするにはどうすればよいですか? 私はそれを行うための適切な方法を見つけることができないようです。TransferNew の関数の 1 つを呼び出したいので、これらの行に沿って何かを実行します。

this.transfernewRef.current.<something>.myFunction()

ありがとうございました。