redux-formでマウントされる前に取得した値

Question

redux-formを使用しています。

親コンポーネントがあって、その下に子コンポーネントAとBがあります。
そして、子コンポーネントAとBはredux-formを用いてフォーム入力項目があります。

親コンポーネントがマウントされたときに、サーバーと非同期通信を行い、フォーム初期値を取得します。
この値を子コンポーネントAとBに代入したいところですが、親コンポーネントがマウントした時に子コンポーネントAとBがマウントされている保証はないので、フォームへの代入が出来ないです。

解決策は何かありますでしょうか？
または、こういった場合にはredux-formは使うべきではないでしょうか。

よろしくお願いします！

Answer 1

親コンポーネントでデータの取得が終わってからA,Bがマウントされるようにすればいけませんか？

// 親コンポーネント
  render(){
   return <div>{dataA ? <AForm initialValues={dataA} /> : 'loading'} </div>;
  }