問題タブ [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.
gatsby - @reach/router を Gatsby で使用する場合、独自の props を渡すことはできますか?
私は自分のカスタム小道具(関数、オブジェクトなど)を渡そうとしていますが、gatsbyなしで@reach/routerを試してみるとうまくいきません。
私のapp.js:
私のOtherComponent.js
コンポーネントは正常にレンダリングされますが、プロップが渡されません。プロップをログに記録すると、パス、場所、pageContext、およびナビゲートメソッドのみが取得されます..etcが取得されますが、プロップは取得されません
補足: 私は gatsby の gatsby-plugin-create-client-paths を使用しています
javascript - React の Reach-router は、同じパスの urlParams で再レンダリングされません
内部 UI で単一ページ アプリケーションを作成しています。画面の左側にメニューが表示され ( CollectionsInventory
)、Link
API 呼び出しから生成された が含まれ、右側に結果のオブジェクト (a Collection
) がコンポーネントに表示されます。prop は を介して渡されますurl-parameters
。Grid
また、UI を管理するために patternfly4のコンポーネントを使用しています。これは次のようになります。
ここに問題があります。対応するリンクをクリックするか、コレクションに直接アクセスすることで、コレクションを表示できます (たとえば、ユーザーが自分のお気に入りのコレクションのブックマークにアクセスしたい場合に便利です)。しかし、その後、コレクションはそこで立ち往生しています。新しいリンクをクリックしても、何も変わりません。同じ道だからかな?リンクを再レンダリングする方法はありますか? または、リンク付きのメニューがルーターの外部にあるため、正しいコンポーネントを使用していませんか?
ではCollectionsInventory
、リンクは表に示され、次のようにコレクション名から生成されます。