問題描述:
如上圖所示,我的提示modal 關不掉了,思考問題癥結在handleVisibleChange
const content = (<div className={styles.box}>別的樣式</div>{/* 鏈接 */}<div className={styles.linkBox}><Modaltitle={'提示'}open={resetModalVisible} // resetModalVisible是控制彈窗的onOk={handleOk}onCancel={() => setResetModalVisible(false)}><p>提示的文字</p></Modal></div></div>);<Popovercontent={content}placement="bottomRight"trigger="click"open={visible}onOpenChange={handleVisibleChange} // 重點在這里,因為更新版本后,modal的z-index在Popover之上了,點擊外邊會先關掉Popover的content,而不是關掉modal,所以在這里處理><Button style={style} className={className}>分享</Button></Popover></>
修改邏輯如下,就可以正常關閉彈窗了?
const handleVisibleChange = useCallback((visible: boolean) => {!resetModalVisible && setVisible(visible);},[ resetModalVisible]);