ant-design-pro-master フレームワークはルーティングをどのように構成しますか

Ant Design Pro は umi と dva をベースにしたフレームワークで、umi にはプリセット ルーティング機能があり、 config/router.config.js ルーティング情報を追加するだけで済みます。

たとえば、 HelloWorld コンポーネントのルートを作成する必要がある場合、次のコードをそれに追加できます config/router.config.js 。

export default {
  routes: [
    {
      path: '/',
      component: '../layouts/BasicLayout',
      routes: [
        {
          path: '/helloworld',
          name: 'HelloWorld',
          component: './HelloWorld',
        },
      ],
    },
  ],
}

この例では、 HelloWorld ルートをコンポーネントに追加します。このパスが一致するとコンポーネントがレンダリングされるという ルート path です  。このルートを使用するには、  レイアウト コンポーネントのナビゲーション リンク にリンクを追加する 必要があります。次に例を示します。/helloworld./HelloWorldBasicLayout/helloworld

<Menu.Item key="helloworld">
  <Link to="/helloworld">
    <Icon type="user" />
    <span>HelloWorld</span>
  </Link>
</Menu.Item>

/helloworld これにより、パスにリンクされたメニュー項目が作成されます 。ユーザーがメニュー項目をクリックすると、ルートが ./HelloWorld コンポーネントと一致して表示されます。

config/router.config.js また、サブルーティングやリダイレクション ルーティングなどの高度なルーティング機能も に追加でき、これらの機能は特定のニーズに応じて設定できることにも注意してください 。