React Router v6 でリダイレクトする方法

＃＃＃質問＃＃＃

これは、存在しない未定義の

プロパティから移動しようとしているためです。 リーリー

フックは関数コンポーネントとのみ互換性があるため、クラス コンポーネントで navigate を使用する必要がある場合は、AddContacts を次のように変換する必要があります。関数コンポーネント、または独自のカスタム withRouter code> 高次コンポーネントをロールして、react-router- の withRouter HOC v5 などの「ルート プロパティ」を挿入します。 dom.xはやりました。 ＃＃＃解決＃＃＃ クラスコンポーネントを関数コンポーネントに変換する方法は紹介しません。カスタム

HOC の例を次に示します:

そして、AddContacts コンポーネントを新しい HOC で装飾します。

navigate プロパティ (および設定した他のプロパティ

this.navigate が定義されます。 さらに、ナビゲーション API は v5 から v6 に変更され、直接の history オブジェクトは使用されなくなりました。

はオブジェクトではなく関数です。使用するには、関数を呼び出して 1 つまたは 2 つの引数を渡します。最初の引数はターゲット パスで、2 つ目は replace キーや state キーを使用したオプションの「オプション」です。価値。 これで、ナビゲーションは次のようになります: リーリー