Javascript 使用react image裁剪来裁剪使用react-html5-camera-photo拍摄的图像

我已经使用react-html5-camera-photo npm库为注册表单创建了一个图像捕获函数。下面是我的代码

const Transition=React.forwardRef（函数转换（props，ref）{
返回；
});
常量AddImageCapture=（道具）=>{
常数{
班级，
imageCaptureOpen，
手柄捕捉关闭，
setImageName
}=道具；
const{profipedialogstate，setprofipedialogstate}=props；
const handleProfilePicDialogClose=（）=>{
设置对话框状态（false）；
};
const[image，setImage]=React.useState（null）；
常量HandleCaptureCrophoto=（数据URI）=>{
setImageName（数据URI）；
}
const handleTakePhoto=（dataUri）=>{
//用照片做些什么。。。
setImage（dataUri）；
log（dataUri）；
};
函数handleCameraStop（）{
控制台日志（“handleCameraStop”）；
}
函数CropDemo（{src}）{
const[crop，setCrop]=useState（{aspect:16/9}）；
返回setCrop（newCrop）}/>；
}
返回(
捕获图像
{
handleTakePhoto（dataUri）；
}}
onCameraStop={（）=>{
手持式摄像机；
}}
isFullscreen={false}
isMaxResolution={false}
//理想分辨率={{宽度：5，高度：5}}
/>
{图像&&(
)}
拯救
);
};
导出默认的AddImageCapture