問題タブ [react-loadable]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - Jest + React Loadable エラー サポートされていません
たとえば、モーダルのように React Loadable を使用して、非同期にインポートされた子をいくつかレンダリングするコンポーネントをテストしようとしています。私のテストは次のようになります
テストでは、以下に示すあまり役に立たないエラーが表示されます
このエラーに関する情報はまったく見つかりません。誰でもここに光を当てることができますか？
お時間をいただきありがとうございます。
javascript - React Loadable を使用して React でサーバー側レンダリングを実行し、コンポーネントのデータをフェッチする方法 (Next.js など)?
Razzleを使用してReact RouterとReact Loadableを使用して、Next.js のようなデータ フェッチ ( getInitialProps ) を使用するにはどうすればよいですか。react-loadable を使用せずにデータを取得しましたが、コードを分割しないとアプリ バンドルが大きすぎて、クライアントのページを読み込むのに時間がかかりすぎます。
このコードは機能しますが、約 1 年前に行ったことを理解できません (前の例とは少し異なります)。
サーバー.js
ルート:
私のコンポーネントはこのようなものです:
React Loadable Component には、コンポーネントをロードできる preload() メソッドがあるので、試してみ
route.component.preload()ましたが、機能しません。
loadable-components を試してみましたが、それにも同じ問題がありますが、react-loadable を loadable-components に置き換えることができます (私の優先ライブラリは loadable-components であり、StrictMode で問題ありません)。
実際、after.jsはこの問題を解決しました (Razzle を使用します)。コード分割ロジックを抽出してアプリで使用するか、データフェッチと反応ロード可能の実際の例があれば、それは素晴らしいことです。