Zenn
Open2

Notes on Waku

JavaScript
React
TypeScript
waku
cordeliacordelia

Routing

src/page以下に_componentsまたは _hooks ディレクトリを作り、その中にファイルを配置すればページとみなされない。ただし注意点がある。

この場合はページとみなされない。_hooksも同様。

src/
└── pages/
    └── _components/
        └── Mycomponent.tsx


この場合はページとみなされて、pathが生成されてしまう
{ path: '/about/_components/AboutComponent'; render: 'dynamic' }

src/
└── pages/
    └── about/
        ├── index.tsx
        └── _components/
            └── AbountComponent.tsx

さらにこうなった時は、pagesComponentもページとみなされてしまう。
{ path: '/_components/pagesComponent'; render: 'dynamic' }

src/
└── pages/
    ├── index.tsx
    ├── _components/
    │   └── pagesComponet.tsx
    └── about/
        ├── index.tsx
        └── _components/
            └── AbountComponent.tsx