如何调整盖茨比路由

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`;