問題タブ [react-create-app]

モックしようとするとjwt_decode、エラーが発生します:

TypeError: jest.requireActual は関数ではありません

@types や何らかの依存関係を含める必要があるかどうかはわかりません。あるいは、関数をモックしている方法に問題がある可能性もあります。

my.spec.js:

違いが生じる場合に備えて、RCAでjestを使用しています。

私の場合: ページのプリローダーがありますが、react を使用すると長すぎます (最初のペイント)。この問題はSSRで解決できますが、難しすぎます（フルSSRでこの問題を解決するという意味です）。

React.hydrate のようなものを使用したいのですが、単一のコンポーネントに対してです。を<MyCustomPreloader />レンダリングするコンポーネント<div class="loader" />がありますが、(ページをロードした後) 長い遅延でレンダリングされます。

私の考え：たとえば、最初のペイントで見えるようにすることができますindex.html。<div class="loader" />主な問題は<MyCustomPreloader />、私はすでにレンダリング divしており、新しいものを作成せずに使用する必要があると言います。

コンポーネント内で必要な DOM を見つけて操作することはできましたが、これは React を放棄して DOM コンポーネントを直接操作し続けることを意味します。

代わりに手動で追加<div class="loader" />し<div id="root"></div>て使用しようとしましたが、動作します! しかし、ローダーの前後にすべてのコンポーネントを水和しようとしますが、この解決策はクラッジです。React.hydrateReact.renderReact.hydrate

単一のコンポーネントを部分的にハイドレートできる機能があると思いますが（同じ新しい要素を作成する代わりに、コンポーネントが「このDOMを使用する」と言う）、それを見つけることができません。

例えば：

このクラッジの例: https://codesandbox.io/s/hopeful-meadow-qgz6jindex.html

単一のコンポーネントをいくつかの DOM 要素でハイドレートできますか?