問題タブ [reach-router]

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.

0 投票する
1 に答える
689 参照

gatsby - @reach/router を Gatsby で使用する場合、独自の props を渡すことはできますか?

私は自分のカスタム小道具(関数、オブジェクトなど)を渡そうとしていますが、gatsbyなしで@reach/routerを試してみるとうまくいきません。

私のapp.js:

私のOtherComponent.js

コンポーネントは正常にレンダリングされますが、プロップが渡されません。プロップをログに記録すると、パス、場所、pageContext、およびナビゲートメソッドのみが取得されます..etcが取得されますが、プロップは取得されません

補足: 私は gatsby の gatsby-plugin-create-client-paths を使用しています

0 投票する
1 に答える
187 参照

javascript - React の Reach-router は、同じパスの urlParams で再レンダリングされません

内部 UI で単一ページ アプリケーションを作成しています。画面の左側にメニューが表示され ( CollectionsInventory)、LinkAPI 呼び出しから生成された が含まれ、右側に結果のオブジェクト (a Collection) がコンポーネントに表示されます。prop は を介し​​て渡されますurl-parametersGridまた、UI を管理するために patternfly4のコンポーネントを使用しています。これは次のようになります。

ここに問題があります。対応するリンクをクリックするか、コレクションに直接アクセスすることで、コレクションを表示できます (たとえば、ユーザーが自分のお気に入りのコレクションのブックマークにアクセスしたい場合に便利です)。しかし、その後、コレクションはそこで立ち往生しています。新しいリンクをクリックしても、何も変わりません。同じ道だからかな?リンクを再レンダリングする方法はありますか? または、リンク付きのメニューがルーターの外部にあるため、正しいコンポーネントを使用していませんか?

ではCollectionsInventory、リンクは表に示され、次のようにコレクション名から生成されます。