再レンダリングと useEffect() 呼び出しのシーケンス

Question

コンポーネント TopPage と ImagePreview および FileUploader

があります

1. 最初に表示 FileUploader,

2. FileUploader は、TopPage の fileObj の状態を変更します。

3. その後、FileUploaderが消えてImagePreviewが現れ、同時にuseEffect()が呼び出されましたが、この時点ではImagePreviewRefはありませんでした。

useState が呼び出されるとき、コンポーネントの再レンダリングと useEffect の両方が呼び出されます。

コマンドは us​​eEffect ->re-render? です。

もしそうなら、どうすればこの問題を解決できますか?

リーリー

---

一時的な解決策、

今のところこれは気に入っていますが、 ImagePreview および FileUploader のレンダリング コンポーネントは、display:none によって最初から切り替えられます。

少しぎこちないように見えます...しかし、これまでのところうまく機能しています。

ああああ

Answer 1

均一にレンダリングしてから、CSS を使用して条件付きでコンポーネントを表示し、参照を保持します。

リーリー