問題タブ [react-router-v4]

NavLinkReact Router v4 のコンポーネントをラップして default を設定する方法を見つけようとしていますactiveClassName。

ただし、props未定義です。

ラッパー:

使用する：

childrenが入力されているのにprops 未定義なのはなぜですか?

アップデート：

toの代わりに使用するpropsと機能します。

const Test = ({children, to}) => {

ただし、なぜ機能しないのかわかりpropsません。

react-router v4 ブレッドクラムを作成するにはどうすればよいですか? 問題チケットを介して、react-router V4 Web サイトでこの質問をしてみました。彼らは、再帰パスの例を見るように言っただけです。私は本当にsemantic-ui-reactでそれを作成したい

this.props.route を redux 経由でリダイレクトするように変更するこのコンポーネントがあります。この場合、「/aaa」から「/bbb」にリダイレクトしていますが、ページはリダイレクトされていません。

コードにconsole.logを追加してthis.props.routeが変更されるかどうかをテストし、小道具が更新されていますが、リダイレクトが機能していないようです。

基本的に、Component {aaa} は redux から this.state.route を更新します。Redux は状態を prop に伝播します。したがって、RedirectHandler コンポーネントは再レンダリングされますが、リダイレクトは起動しません。

これはうまくいきません。

RedirectHandler コンポーネント

これは機能しますが、

質問は、props.route が更新されている場合に指定されたルートにリダイレクトされないのはなぜですか?

また

最初のブロックが機能しないのに、2 番目のブロックが機能するのはなぜですか? :/