React Router でポップアップを処理するための実践的なガイド
P粉898107874
P粉898107874 2023-08-26 22:51:20
0
1
503

ルート div で React Router を使用していますが、リンクをクリックしたときにポップアップを処理する方法がわかりません。

静的 HTML ページをパブリック フォルダーに読み込めることはわかっていますが、それを src 内の .js ファイルにしたいと考えています。

これが私が望むものです:

import { Link } from "react-router-dom"; './pages/test.js' からテストをインポートします。 関数 Example() { 戻る ( <>  window.open(, "ポップアップ", "ツールバー=いいえ、場所=いいえ、ステータスバー=いいえ、メニューバー=いいえ、スクロールバー= 1、サイズ変更可能=0、幅=650、高さ=400、上部=30")}> こんにちは   ); } デフォルトをエクスポート 例;

これが機能する唯一の方法ですが、明らかに React の機能が失われます (読み方が間違っていない限り)。URL パスはパブリック ディレクトリ

内のディレクトリを指します。
import { Link } from "react-router-dom"; './pages/test.js' からテストをインポートします。 関数 Example() { 戻る ( <>  window.open('/example', "ポップアップ", "ツールバー = いいえ、場所 = いいえ、ステータスバー = いいえ、メニューバー = いいえ、スクロールバー = 1、サイズ変更可能 = 0 、幅=650、高さ=400、上部=30")}> こんにちは   ); } デフォルトをエクスポート 例;

P粉898107874
P粉898107874

全員に返信 (1)
P粉546138344

ポップアップ ウィンドウを開くための構文は次のとおりです: window.open(url, name, params)。ウィンドウ オープン メソッドにコンポーネントを追加することはできません。ポップアップ ウィンドウとウィンドウ オープン メソッドの構築方法は異なります。

詳細については、次をお読みください:ポップアップ ウィンドウとウィンドウ メソッド

いいねを押す+0
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!