1. ホーム
  2. reactjs

[解決済み] 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>