3

Next.js では知っていますが、アプリケーションの構造をファイル システムで表現します。ファイルがページ ディレクトリに追加されると、ルートとして自動的に利用可能になります。例えば:

pages/about.js → /about

pages/blog.js → /blog

pages/index.js → /

しかし、パスごとにレンダリングするコンポーネント ファイルを手動で選択したいと考えています。たとえば、次のコードでは、パス URL がlocalhost:3000/aboutの場合にサービス コンポーネントをレンダリングしたいのですが、ルーティング パス名に従ってファイル名を作成したくありません。

 <Switch>
          <Route path="/about">
            <Service />
          </Route>
          <Route path="/users">
            <About />
          </Route>
          <Route path="/">
            <Home />
          </Route>
 </Switch>

React Router/Reach-Router を使用せずにこの問題を解決するにはどうすればよいですか。サードパーティのライブラリをインストールせずに利用できる他のオプションはありますか?

前もって感謝します :)

4

0 に答える 0