リーフ ルートは、場所「/home」のどの要素またはコンポーネントにも一致しませんでした

Question

別の画面にルーティングしようとすると、「位置 "/home" にある一致するリーフ ルートには要素またはコンポーネントがありません。これは、デフォルトで null 値でレンダリングされることを意味します。 <アウトレット /> により、ページが空になります。"

リーリー

Navigation.js、画面間のルーティングのための下部タブのナビゲーション

リーリー

複数の解決策を試しましたが、成功しませんでした。これは、複数のコード断片を混合し、それらを結合しようとしたことに関係があるような気がします。

Answer 1

react-router@6 の Route コンポーネントは、element 属性を使用し、ReactNode (JSX など) または React Element を受け入れる Component 属性を受け入れます。

ルートの要素/コンポーネントを表示します。

リーリー ＃＃＃または＃＃＃ リーリー

つまり、上記の 2 番目の例は最適化されていないアプローチであるため、使用しないでください。