Gatsby 盖茨比页面组件作为类组件

Gatsby 盖茨比页面组件作为类组件,gatsby,Gatsby,我知道我是在React钩子发布前夕问这个问题的,但我想知道-是否可以将页面组件创建为类组件而不是函数组件 当我将默认的Gatsby startersrc/pages/index.jspage转换为类组件时 class IndexPage扩展了React.Component{ render(){ 返回( 我是班级的一员 ) } } 导出默认索引扩展 我收到此错误(AppContainer)TypeError:无法设置未定义的属性“props” 我找不到关于这个的任何文档您的示例代码中有一个输入错

我知道我是在React钩子发布前夕问这个问题的,但我想知道-是否可以将页面组件创建为类组件而不是函数组件

当我将默认的Gatsby starter
src/pages/index.js
page转换为类组件时

class IndexPage扩展了React.Component{
render(){
返回(
我是班级的一员
)
}
}
导出默认索引扩展
我收到此错误
(AppContainer)TypeError:无法设置未定义的属性“props”


我找不到关于这个的任何文档您的示例代码中有一个输入错误

export default IndexPage

而不是
return

是的,这很好-我敢打赌,您的错误可能来自您的模板。你能发布一下吗?@staypuftman-所以我开始注释掉默认的
src/components/layout.js
,奇怪的是,它在注释掉代码后才开始工作。盖茨比倾向于推荐功能组件。我不是100%确定,但这似乎是他们的标准,因此您可以使用
Staticquery
。这允许您在组件级别发出数据请求-非常有用。但是,将其与复杂的状态模型结合使用可能非常棘手(就像购物车一样)。继续建造,这是一个很好的平台。