問題タブ [react-suspense]

useEffectコンポーネントをレンダリングする前にすべてのデータが読み込まれるのを待つために、関数を変更する方法 (または React の新しいSuspenseコンポーネントを使用する方法) がわかりません。

Flask バックエンドからデータを取り込むコードは次のとおりです。

console.log が JSON であるコードは次のとおりです。

<p>Data: {console.log(props.data)}</p>

これにより、コンソールに JSON が返されます。

しようとすると<p>Data: {console.log(props.data.content.user_data[1])}</p>、エラーが返されますCan't find property user_data of undefined.

コンポーネントをラップして Reactで新しいSuspenseコンポーネントを使用しようとしreturnましたが、それでも同じエラーが発生しました。

どんな助けでも大歓迎です、ありがとう。

反応アプリ全体で翻訳をロードするために、react-18next を使用しています。アプリを翻訳待ちにするのに問題があります。多くの場合、翻訳されたキーを検索しているため、Jenkins でのテストが中断されます。

i18n.tsx:

注: サスペンスを使用する場合と使用しない場合の両方を試してみましたが、useSuspense フラグは試行と一致していました (サスペンスの true/default)。

準備完了で試行:

サスペンスの試み:

どちらのバージョンも機能しないようです。翻訳キーが一瞬表示されます。次のプロップに渡されるのではなく、実際に翻訳が書き出されるポイントまで、さらに深く掘り下げる必要がありますか?それとも、コミットしているエラーは何ですか? 構築/展開に next.js を使用していません。app.tsx でグローバル ソリューションを使用したいと思います。