問題タブ [react-routing]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

62 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
1055 参照

reactjs - Reactルーター:リンクを構築するときにmatch.urlの末尾/を処理する方法は?

次のようなコードを使用して、React アプリ (react-router-dom 4.3.1 を使用) でリンクを構築しています。

これは推奨される方法のようです (例: ${match.url}/components https://reacttraining.com/react-router/web/guides/quick-start/example-nested-routingを参照)。

私が抱えている問題：

私が次のパスにいる場合：

上記によって生成されたリンクは期待どおりです。

  • /アプリ/ホーム/1/情報
  • /アプリ/ホーム/2/情報
  • /アプリ/ホーム/3/情報
  • 等

しかし、この (微妙に異なる) パスをロードすると (末尾の / に注意してください):

生成されたリンクは間違っています (ホームの後に / が二重になっていることに注意してください):

  • /アプリ/ホーム//1/情報
  • /アプリ/ホーム//2/情報
  • /アプリ/ホーム//3/情報
  • 等

言い換えれば、問題は、末尾に / がある場合とない場合があることです。

リンクを作成するとき、末尾の / を毎回手動でチェックし、存在する場合は削除する必要がありますか? または、おそらく見逃しているより良いベストプラクティスがありますか?


12345678910