タグ付けされた質問 「react-router-dom」

誰かが違いを説明できますか <Route exact path="/" component={Home} /> そして <Route path="/" component={Home} /> 「正確」の意味がわかりません

161 reactjs  react-router  react-router-dom 

閲覧履歴に応じて、いくつかのビジネスロジックを実装する必要があります。 私がやりたいのは次のようなものです。 reactRouter.onUrlChange(url => { this.history.push(url); }); URLが更新されたときにreact-routerからコールバックを受信する方法はありますか？

91 reactjs  react-router  react-router-v4  react-router-redux  react-router-dom 

プロジェクトでreact-router-dom4.0.0-beta.6を使用しています。私は次のようなコードを持っています： <Route exact path="/home" component={HomePage}/> そして、HomePageコンポーネントでクエリパラメータを取得したいと思います。location.search次のようなparamを見つけた?key=valueので、解析されません。 react-router v4でクエリパラメータを取得する正しい方法は何ですか？

87 react-router  react-router-v4  react-router-dom 

数週間前にリリースされたReact Routerの新しいuseHistoryフックを使用しています。私のReact-routerのバージョンは5.1.2です。My Reactのバージョンは16.10.1です。私のコードは一番下にあります。 しかし、react-routerから新しいuseHistoryをインポートすると、次のエラーが発生します。 Uncaught TypeError: Cannot read property 'history' of undefined これは、React-routerのこの行によって引き起こされます function useHistory() { if (process.env.NODE_ENV !== "production") { !(typeof useContext === "function") ? process.env.NODE_ENV !== "production" ? invariant(false, "You must use React >= 16.8 in order to use useHistory()") : invariant(false) : void 0; } return useContext(context).history; …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

外部（node_modules）パターンライブラリからコンポーネントをレンダリングしています。私のメインアプリでは、次のLinkようにインスタンスをreact-router-dom外部ライブラリのコンポーネントに渡します。 import { Link } from 'react-router-dom'; import { Heading } from 'my-external-library'; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: Link, }; <Heading withLinkProps={articleWithLinkProps} /> 私のライブラリでは、それを次のようにレンダリングしLinkています： const RouterLink = withLinkProps.routerLink; <RouterLink to={withLinkProps.url} > {props.children} </RouterLink> RouterLinkクリックされたときにURLに移動しても正しくレンダリングされているようだ、と。 私の問題は、がRouterLink私のAppのreact-router-domインスタンスから切り離されているように見えることです。をクリックするとHeading、「ハード」にナビゲートし、Link通常のようにシームレスにルーティングするのではなく、ページをポストバックします。 この時点でシームレスにナビゲートできるようにするために何を試したらよいかわかりません。何か助けや助言をいただければ幸いです。よろしくお願いします。 編集：ルーターの設定方法を示しています。 import React from 'react'; import { hydrate, unmountComponentAtNode } from 'react-dom'; …

10 javascript  reactjs  react-router-dom 

AntDメニューサイダーをタブパネルのように使用しようとしています。 コンテンツ内にコンポーネントを配置して、メニュー項目がクリックされたときにコンテンツパネルが関連するコンポーネントをレンダリングするようにします。 この構造を取得して、各メニュー項目のコンテンツとしてコンポーネントを取得するにはどうすればよいですか？ import React from 'react'; import { compose } from 'recompose'; import { Divider, Layout, Card, Tabs, Typography, Menu, Breadcrumb, Icon } from 'antd'; import { PasswordForgetForm } from '../Auth/Password/Forgot'; const { Title } = Typography const { TabPane } = Tabs; const { Header, Content, Footer, Sider …

8 javascript  reactjs  react-router-dom  antd