問題タブ [react-router-v4]

これは私のv3react-routerコードです。ネストされたルートです。

v4 にアップグレードした後、何もレンダリングされなくなりました。なんで？

これが私の目標です。要素を表示する前に、一致した URL の有効性をチェックする複合コンポーネントを作成したいと考えていますchildren。それ以外の場合は、共通コンポーネントを返してエラー メッセージを表示します。

だからここに私の「デコレータ」のコードがあります：

私のルーターでの使用方法は次のとおりです。

私が今抱えている問題は、matchオブジェクトをchildren内部に渡したいということですEnforceUrlValidation。どうすればそれを達成できますか？

試行 1 :

このchildren場合、 はレンダリングされません。

試行 2 :

divサポートしていないため失敗しますmatch

反応ルーターにはあまり慣れていませんが、li要素ではなく親要素にアクティブなクラスを設定するには、NavLink の機能が必要aです。

これを実装するために、のソース コードを見て、NavLinkそれを新しい要素にコピーしました。（typescriptを使った例ですが、とにかくjsとほぼ同じです）

次に使用法：

私が使用しているHashRouter何らかの理由で、これはルートが変更されたときに更新されず、ページをハードに「更新」したときにのみ更新されます。

小道具が決して変わらないので、更新されないと思いますか？それで、それは自分自身を更新することを知りませんか？

これを更新するにはどうすればよいですか？それとも私の問題は別の場所にありますか？