page-container
const Page = () => {
const [isShow, setIsShow] = useState(true);
const [switchConfirm, setSwitchConfirm] = useState(false);
return (
<View>
// 業(yè)務(wù)代碼
</View>
{Taro.getEnv() === 'WEAPP'&& (
<PageContainer
show={isShow}
overlay={false}
onBeforeLeave={() => {
if (isEqual(formatValue(ref.current), formatValue(form.getFieldsValue()))) {
// 表單如果沒(méi)變化直接回退
setIsShow(true);
Taro.navigateBack({
delta: 1,
});
} else {
setIsShow(false);
setShowConfirm(true);
}
}}
></PageContainer>
)}
<AtModal
isOpened={showConfirm}
title='確定退出嗎'
cancelText='取消'
confirmText='確認(rèn)'
onClose={ handleClose }
onCancel={ handleCancel }
onConfirm={ handleConfirm }
content='退出后填寫(xiě)的資料將不會(huì)保存'
/>
)
}
export default Page
