React で要素参照にアクセスできません

Question

React を使用してモーダルを実装しようとしていますが、モーダルをトリガーした要素 (親要素ではなく) を基準にしてモーダルを配置したいと考えています。 この設定では、ここでわかるようにトリガー要素への参照にアクセスできます

リーリー

しかし、スキーマへの参照にアクセスできません。このコードではエラーが生成されます

リーリー

このエラーメッセージが表示されました

リーリー

CSSTransition コンポーネントを削除すると、すべて問題なくなります。 完全なコードは次のとおりです。 助けていただければ幸いです。

ああああ

Answer 1

useEffect を初めて実行するとき、modalRef.current が 未定義 であるため、エラーが発生します。このエラーを回避するには、null チェックまたは if(modalRef.current) 条件を追加するだけです。

useEffect が実行されていない場合は、依存関係を更新する必要がある場合もあります。

リーリー