ホームページ  >  記事  >  ウェブフロントエンド  >  React のモーダルが有効にならない場合はどうすればよいですか?

React のモーダルが有効にならない場合はどうすればよいですか?

藏色散人
藏色散人オリジナル
2022-12-30 09:22:092503ブラウズ

react でモーダルが有効にならない問題の解決策: 1. "main.jsx" ファイル内の "" を削除します。 2. モーダル コンポーネントが使用されている場所に、2 つの属性 "transitionName" を追加します。 " to Modal ="" MaskTransitionName="""; 3. 「ant-design」をアップグレードします。

React のモーダルが有効にならない場合はどうすればよいですか?

#このチュートリアルの動作環境: Windows 10 システム、react18.0.0 バージョン、Dell G3 コンピューター。

react のモーダルが有効にならない場合はどうすればよいですか?

react で ant コンポーネント ライブラリを使用するときのモーダル ポップアップ ウィンドウ エラー

ant を使用する場合の解決策React プロジェクトのデザイン ライブラリのモーダル ポップアップ コンソールでエラーが報告される

findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DomWrapper3 which is inside StrictMode.

React のモーダルが有効にならない場合はどうすればよいですか?

問題の根本原因:

Strict モードがオンになっていますReact Scaffolding では、コード作成標準が制限されます。 CSSTransition は ant-design コンポーネント ライブラリで使用されますが、CSSTransition で一部のコードを記述する方法は、react の最新の記述方法ではなく、非常に

標準的な書き方でもありません。そのため、react で使用します。 strict モードでは、警告が発行されます。その結果、ポップアップ ウィンドウは使用できなくなります

React のモーダルが有効にならない場合はどうすればよいですか?解決策:

1.react の strict モードをオフにします

main.jsx ファイルを変更 削除します。ただし、開発プロジェクトでは、React.StrictMode タグはコード検証にとって依然として非常に重要であるため、オフにしないことをお勧めします。この方法はお勧めできません。そして、react の新しいバージョンでは、strict モードを削除すると、他の問題が発生します。

React のモーダルが有効にならない場合はどうすればよいですか?2. ant-design では CSSTransition 効果を使用しないでください

モーダル コンポーネントが使用されている場合は、Modal に 2 つの属性を追加します

transitionName="" MaskTransitionName=""

<modal transitionname="" masktransitionname="" visible="{isModalVisible} " onok="{this.handleOk} " oncancel="{this.handleCancel}">
    <p>确定删除该代办任务吗?</p>
</modal>

React のモーダルが有効にならない場合はどうすればよいですか?3. この問題を解決するには、ant-design のアップグレードを待つことができます。

推奨される調査: "

リアクションビデオチュートリアル

>>

以上がReact のモーダルが有効にならない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。