Javascript “离子元素”；“摄影照片”；不工作，未能编译或调用

我有问题与摄像元素

错误是“找不到名称‘cameraPhoto’”。 我忘了定义什么了吗？还在学习和浏览爱奥尼亚的文档：

从“react”导入{useState，useffect}；
从'@ionic/react-hooks/camera'导入{useCamera}；
从'@ionic/react hooks/filesystem'导入{useFilesystem，base64FromPath}；
从'@ionic/react hooks/storage'导入{useStorage}；
从'@ionic/react'导入{isPlatform}；
从“@capactor/core”导入{cameraresultype，CameraSource，CameraPhoto，capacer，FilesystemDirectory}；
//usePhotoGallery是我们的定制挂钩
导出函数usePhotoGallery（）{
const{getPhoto}=useCamera（）；
const[photos，setPhotos]=useState（[]）；
const takePhoto=async（）=>{
const cameraPhoto=等待获取照片({
结果类型：cameraresultype.Uri，
来源：CameraSource.Camera，
品质：100
});
};
const fileName=new Date（）.getTime（）+'.jpeg'；
const newPhotos=[{
filepath:fileName，
webviewPath:cameraPhoto.webPath
}，…照片]；
设置照片（新照片）
//已更新此返回声明以包含照片
返回{
照片，
拍照
};
}
导出接口照片{
filepath:string；
webviewPath？：字符串；
}

您似乎也不太会做出反应。此处出现的错误

找不到名称“takePhoto”。

是因为您正在调用名为

takePhoto

的函数，但尚未定义/声明该函数

您正在学习教程，但教程尚未完成。

takePhoto

已在中定义

---

由于教程中有所有内容，因此我不在这里分享任何代码。

谢谢，现在是cameraPhoto没有被称为“找不到名称”错误。有什么想法吗？对您和您的帐户来说是非常大的道具。

import { useState, useEffect } from "react";
import { useCamera } from '@ionic/react-hooks/camera';
import { useFilesystem, base64FromPath } from '@ionic/react-hooks/filesystem';
import { useStorage } from '@ionic/react-hooks/storage';
import { isPlatform } from '@ionic/react';
import { CameraResultType, CameraSource, CameraPhoto, Capacitor, FilesystemDirectory } from "@capacitor/core";

//usePhotoGallery is our custom hook 
export function usePhotoGallery() {
    const { getPhoto } = useCamera();
    const [photos, setPhotos] = useState<Photo[]>([]);
    const takePhoto = async () => {
      const cameraPhoto = await getPhoto({
        resultType: CameraResultType.Uri,
        source: CameraSource.Camera,
        quality: 100 
        
      });
    };
    
    const fileName = new Date().getTime() + '.jpeg';
    const newPhotos = [{
        filepath: fileName,
        webviewPath: cameraPhoto.webPath
        }, ...photos];
    setPhotos(newPhotos)
    
//updated this return statement to include photos
    return {
      photos,  
      takePhoto
      
    };
  }
  

export interface Photo {
  filepath: string;
  webviewPath?: string;

  
}