我在 Chakra UI 中使用 Modal 組件來顯示輸入編輯器帖子（輸入編輯器是由 Modal 組件包裝的子組件）。如果成功獲取資料，我想從輸入編輯器組件觸發關閉模式。
這是我的 Modal 組件：
//...import component from Chakra Modal
import {Post as PostModal} from '../components/Modal'
export const Post = () => {
const { isOpen, onOpen, onClose } = useDisclosure()
return (
<div>
<Modal onClose={onClose} size='full' isOpen={isOpen} trapFocus={false} >
<ModalOverlay />
<ModalContent>
<ModalHeader>Add Post</ModalHeader>
<ModalCloseButton />
<ModalBody>
<div>
<PostModal />
</div>
</ModalBody>
</ModalContent>
</Modal>
</div>
)
}
我的代碼處理 fetcher post 資料：
/components/Modal
const fetcher = async (data) => {
const _ = await sendPost(data);
if (_) {
//here i want to trigger close modal
}
}
const PostInput = () => {
return (
//<Input/>
//<Textarea> etc...
)
}
請問誰能幫幫我？
uj5u.com熱心網友回復：
onClose一旦 API 呼叫成功，您就可以呼叫該函式，如下所示：
const fetcher = async (data) => {
let res = await sendPost(data);
if (res.data) {
onClose()
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/322071.html