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 を使用せずにこの問題を解決するにはどうすればよいですか。サードパーティのライブラリをインストールせずに利用できる他のオプションはありますか?
前もって感謝します :)