javascript - 如何调整 gatsby 路由

Question

我有一个简单的 gatsby 站点，我希望在站点根目录和单独的页面组件之间共享路由。

所以我想要：

1.     / => to go to the component in pages/myComponent
2.     /myComponent/ => to go to the component in pages/myComponent

情况 2 是开箱即用的，但我不确定如何获得根，所以去其他任何东西pages/index.js

我试图像这样嵌套myComponent在里面index.js，但我无法为页面查询设置正确的设置，所以我认为路由是要走的路吗？

index.js

import React from 'react'
import myComponent from './myComponent'

export default function IndexPage ({ data }) {
  return (<myComponent data={data}/>)
}

export const pageQuery = graphql`...some query`;