[解決済み] React-Router リンクを新しいタブで開く
2022-06-20 19:24:47
質問
このような場合 リアクト・ルーター を新しいタブで開くようにする方法はありますか?試してみましたが、うまくいきませんでした。
<Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link>
のようなものを追加することでふんわりとさせることが可能です。
onClick="foo"
のようにリンクに追加することでごまかすことができますが、コンソールエラーが発生します。
ありがとうございます。
どのように解決するのですか?
リンクコンポーネントがプロップスを持っていないのではないでしょうか。
タグを作成し、Navigation mixinのmakeHrefメソッドでURLを作成する方法もあります。
<a target='_blank' href={this.makeHref(routeConsts.CHECK_DOMAIN, {},
{ realm: userStore.getState().realms[0].name })}>
Share this link to your webmaster
</a>
関連
-
[解決済み] FontAwesomeの無料パッケージに含まれているアイコンのオブジェクト名はどこにあるのですか?
-
[解決済み] TypeError: reactjs の未定義のプロパティ 'status' を読み取ることができません。
-
[解決済み] react nativeで関数だらけのヘルパーファイルを作成する方法は?
-
[解決済み] React Router - バージョン更新後のwithRouterでTypescriptエラーが発生する。
-
[解決済み] Reactでグローバル変数を宣言する方法とは?
-
[解決済み] Reactルータを使ったプログラムによるナビゲーション
-
[解決済み] React JSX内のループ
-
[解決済み] React-routerのURLを更新したり、手動で書き込んだりするとうまくいかない
-
[解決済み] クエリ文字列からパラメータ値を取得する方法は?
-
[解決済み] React Router v4で履歴にプッシュする方法は?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ReactJS: マテリアルuiのブレークポイントについて
-
[解決済み] reactでonloadを使うには?
-
[解決済み] 非必須項目に対するYupバリデーション
-
[解決済み] componentWillReceiveProps は名称が変更されました。
-
[解決済み] react.jsで複数のモジュールをエクスポートする
-
[解決済み] ReactコンポーネントのJest SnapshotテストにおけるSnapshotテストの仕組みとtoMatchSnapshot()関数は何をするのか?
-
[解決済み] 矢印本体を囲む予期せぬブロックステートメント
-
[解決済み] create-react-appビルドスクリプトを実行する際に、ビルド.env変数を設定するには?
-
[解決済み] target="_blank" と rel="noopener noreferrer" を含むリンクはまだ脆弱?
-
[解決済み] componentDidUpdate'メソッドはいつ使用するのですか?