Javascript 当项目中没有道具时，React.js give无法读取未定义的道具

我试图从API中获取一个显示的图像，但它给了我以下错误：TypeError:无法设置未定义的属性“props”。但是我没有在代码中使用道具。我花了将近两个小时的时间来解决这个问题

import React，{Component}来自“React”
从“axios”导入axios
类应用程序扩展组件（）{
状态={
照片：“”
}
handleonClick=（）=>{
axios.get（）https://api.nasa.gov/mars-photos/api/v1/rovers/curiosity/photos?sol=1000&api_key=DEMO_KEY）。然后（url=>{
console.log（url.data.photos[0].img\u src）
这是我的国家({
照片：url.data.photos[0]。img_src
});
})
}
componentDidMount（）{
axios.get（）https://api.nasa.gov/mars-photos/api/v1/rovers/curiosity/photos?sol=1000&api_key=DEMO_KEY')
。然后（url=>{
console.log（url.data.photos[0].img\u src）
这是我的国家({
照片：url.data.photos[0]。img_src
});
})
}
render（）{
返回(
火星照片
新形象
)
}
}
导出默认应用程序；

这是一个打字错误

组件（）。将其更改为
组件
，它将正常工作

class应用程序扩展组件

这是一个打字错误
组件（）
。将其更改为
组件
，它将正常工作

class应用程序扩展组件

如果您删除“class App extends Component”后面的（）并尝试一下，它可能会起作用。
您可以检查react文档以创建基于类的组件
!
 如果您删除“class App extends Component”后面的（）并尝试一下，它可能会起作用。
您可以检查react文档以创建基于类的组件
!
 错误不是来自此代码。显示调用
组件的代码。是否扩展函数<代码>组件（）。显示调用
组件的代码。是否扩展函数<代码>组件（）