2017-08-01 17 views
0

リアクションを学習するための週。APIからの還元/状態更新前のコンポーネントのレンダリング

私はサブコンポーネント(プロッ​​プオブジェクトとして渡される)にいくつかの値をレンダリングするためにペイロードを状態に渡す外部APIを設定していますが、 APIが応答するまでに数秒かかることは明らかです。ヌルを返して反応が激しくなるので、明らかに私は何か値をレンダリングするように反応することはできません。

ベストプラクティス?ヌルエラーを回避するために状態が更新されるまで、状態値のデフォルト値を設定しますか?より良い方法がありますか?

サブコンポーネントに条件付きレンダリングを試行しましたが(値をレンダリングする)、動作しませんでした。

アドバイスをいただければ幸いです!

+0

"サブコンポーネントで条件付きレンダリングを試みましたが動作しませんでした"コードを表示してください。私はこれがベストプラクティスだと言うでしょう:状態がロードされているかどうかをチェックし、ロードされていない場合はローディングインジケータをレンダリング –

答えて

3

一般的にヌルまたは空のオブジェクトであるレデューサーの内部にstateの初期値を設定する必要があります。レンダリングメソッドの内部では、条件付きレンダリングを使用して、適切なjsxを返さなければなりません。これは、APIからデータを取得し、それをコンポーネントの内部でレンダリングする標準的な方法です。 Thisが役に立ちます。

+0

Thanks @ Shubham - これは役に立ちました - 最終的に配列のinitialStateを設定する方法を管理しました。 –

+0

@Shubham Jainに対してリストをマッピングするために初期状態を設定するにはどうすればよいですか? '[ 'org_units'、[ [ ''、 ''] ]]、 [ '位置'、[ [ ''、 ''] ]]、 ' 私はいくつかのエラーに反応取得しています... _TypeError:未定義のプロパティ 'map'を読み取れません。 –

+0

あなたがしようとしていることを理解できません。あなたは詳細を教えていただけますか? –

関連する問題