ReactDOM.renderコールバックで初期作業を行うことはできますか？

Question

はcallbackパラメータを有することがわかる。

ReactDOM.render(element, container, [callback]); 

だから、私の考えは、多分私はそれにいくつかの初期作業を行うことができるということです。

それはすることができます。

は私のグローバル 状態を初期化するために、サーバーからデータをフェッチするためにグローバルなアクションを派遣します。

私の質問はできるだけ早くレンダリングさせたいと思っています。

静的コンテンツがレンダリングされた後、データを取得するためにajaxオペレータを実行します。

その仕事はありますか？または、これで何ができますかcallback params？ここ

は、私の場合です：今の

、src/index.js

//some initial work 
//sync and async work. 
//... 

ReactDOM.render(<App/>, document.getElementById('app')) 

私の考えは、このようなsrc/index.jsを変更することです：

ReactDOM.render(<App/>, document.getElementById('app'),() => { 
    //some initial work 
    //sync work will block the html parse and render. 
    //my idea is let react component render as soon as possible 
}) 

私は私の考えが正しいか分かりませんない。お返事をありがとうございます。

編集

最初の仕事は、だけでなくajaxを意味cordovaまたは提供native client何かである可能性があります。

Answer 1

これを使用しようとしているタスクには、render()メソッドコールバックを使用する必要はありません。 実際、このコールバックは初期化の要求を発行するためのものではありません。確かに、あなたは初期化が が行われたときに、いくつかの状態を設定する必要がある場合がある...

コメント以下の部分を編集し、コールバックにコンポーネントへのアクセスを持っていません。ReactDOMの私の個人的な見解では、コールバックをレンダリングこれはReactを他のライブラリ/フレームワークと統合するためにはほとんど役に立ちますが、Reactを認識していません。同様に、コンポーネントがDOMツリーで使用可能になるとすぐに、そのコンポーネントがレンダリングされるときにアクションを実行する必要があります。レンダリングコールバックが呼び出されると、コンポーネントがDOMにレンダリングされたことを確認できます。

あなたの場合、ルートコンポーネントを作成し、AJAX呼び出しを委任したいと思います。私はAppコンポーネントをレンダリングし、他のすべてのコンポーネントをレンダリングします。このAppコンポーネントでは、初期化をcomponentDidMountにします。

別のオプションは、コンテナコンポーネントを作成することです。単純なコンポーネントを「包む」ロジックを持つコンポーネントです。次に、以前のソリューションと同様にcomponentDidMountを実装します。

一部のインスピレーション：React AJAX best practices