antd(5.x) Popover 的content有個modal,關不掉了

問題描述:

如上圖所示,我的提示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]);

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/39135.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/39135.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/39135.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

C# 語法特性

theme: smartblue C#5&#xff1a; C#5 語法特性 - 掘金 (juejin.cn)C#6&#xff1a; C#6 語法特性 - 掘金 (juejin.cn)C#7&#xff1a; C#7 語法特性 - 掘金 (juejin.cn)C#8: C#8 語法特性 - 掘金 (juejin.cn)C#9: C#9 語法特性 - 掘金 (juejin.cn)c#10: c#10 語法特性 - 掘金…

C# 中的并發和并行

介紹 并發和并行是現代編程中的關鍵概念&#xff0c;可幫助開發人員創建高效、響應迅速、高性能的應用程序。在 C# 中&#xff0c;這些概念尤其重要&#xff0c;因為該語言對多線程和異步編程提供了強大的支持。本文介紹了 C# 中的并發和并行&#xff0c;包括關鍵概念、優點和…

武漢星起航:跨境電商流量紅利爆發,2023年出海企業迎突破增長

在數字時代的浪潮中&#xff0c;中國跨境電商以驚人的爆發力嶄露頭角&#xff0c;成為全球貿易的璀璨新星。2023年數據顯示&#xff0c;跨境電商出口額高達1.83萬億元&#xff0c;同比增長19.6%&#xff0c;這一顯著增速不僅刷新紀錄&#xff0c;更為眾多出海企業帶來了前所未有…

每周算法(week 1)【leetcode1~10】

前言 今天開始刷面試算法題&#xff0c;雖然之前在藍橋杯、程序設計天梯賽中拿過兩個省一和一個國三&#xff0c;但是基本靠的都是我對 Java 語言的熟悉&#xff0c;至于算法我只會基本的雙指針、快慢指針、差分數組等&#xff0c;最擅長的其實還是暴力。但是自認為應付面試還是…

Kimi 上下文緩存功能開啟公測!降低使用費用,加快模型相應速度

7月2日&#xff0c;系統之家發布消息&#xff0c;月之暗面科技有限公司旗下的Kimi開放平臺正式推出上下文緩存功能&#xff0c;并已開放公測。這項功能專為處理頻繁請求和大量重復引用初始上下文的場景設計&#xff0c;能有效降低使用長文本模型的成本&#xff0c;并顯著提升處…

基于java+springboot+vue實現的旅游管理系統(文末源碼+Lw)227

摘 要 現代經濟快節奏發展以及不斷完善升級的信息化技術&#xff0c;讓傳統數據信息的管理升級為軟件存儲&#xff0c;歸納&#xff0c;集中處理數據信息的管理方式。本旅游管理系統就是在這樣的大環境下誕生&#xff0c;其可以幫助使用者在短時間內處理完畢龐大的數據信息&a…

HMM,EM算法(Expectation-Maximization Algorithm) VAE)以及KL散度

HMM&#xff0c;EM算法&#xff08;Expectation-Maximization Algorithm&#xff09; VAE&#xff09;以及KL散度 最大化對數似然&#xff08;或稱為最大化對數似然函數&#xff09;是在統計學中用來估計模型參數的一種常用方法。其基本思想是找到一組參數值&#xff0c;使得在…

本地文本向量模型的部署提供兼容openai的接口

前言 之前部署了fastgpt官方文檔的一個,提供的一個m3e-large的向量模型打包的docker鏡像,雖然使用起來整體效果還可以,但是有些文本向量相似度匹配的結果還是不太滿意的,目前,網絡上層出不窮的帶推理文本向量,想體驗一下,于是我基于modelscope庫封裝了一個兼容open ai的…

探索視覺世界:深入了解目標檢測算法的奧秘

目標檢測算法 一、介紹目標檢測算法的背景和意義1.1 目標檢測的定義和應用場景1.2 目標檢測算法的發展歷程 二、目標檢測算法分類2.1 傳統目標檢測算法2.1.1 基于分類器的目標檢測算法2.1.2 基于模板匹配的目標檢測算法 2.2 深度學習目標檢測算法2.2.1 兩階段目標檢測算法2.2.2…

Android Gradle 開發與應用 (四): 多模塊構建與組件化,提升Android開發效率的途徑

目錄 1. 多模塊構建的基本概念 2. 組件化的基本概念 3. 多模塊構建與組件化的優勢 4. 多模塊構建的實現方法 5. 組件化的實現方法 6. 多模塊構建與組件化的實踐 7. 案例分析 8. 未來展望 結語 隨著移動應用的功能日益復雜&#xff0c;單一模塊開發方式的弊端愈加明顯。…

全國范圍內嚴格推行雙休制才是勞動力使用方面面向未來和可持續發展的

我有以下理由&#xff1a; 合法依規 每天不超8小時、每周不超過40小時&#xff0c;這是國務院令第146號&#xff0c;很多年前就明確要求的&#xff0c;在國有企業和事業單位也早就推行了很多年的&#xff1b;對確有實際需要的崗位&#xff0c;也有經過行政審批的“不定時工作…

2024年廣東省食品安全管理員考試精選練習題庫

76.已具有主體資格的企業申請食品流通可&#xff0c;該企業的&#xff08;&#xff09;為可申請人。 A.投資者 B.經營負責人 C.本身 答案&#xff1a;C 77.食用亞硝酸鹽的銷售只面向&#xff08;&#xff09;。 A.食品生產加工行業 B.餐飲業 C.食品流通單位 答案&…

微軟賬戶和本地賬戶有什么區別?如何切換登錄賬戶?

Windows 操作系統是目前世界上比較流行的操作系統之一&#xff0c;在使用 Windows 系統的時候都需要我們進行登錄&#xff0c;其中我們可以使用微軟賬戶或者本地賬戶進行登錄&#xff0c;那本地賬戶和微軟賬戶有什么區別&#xff1f;下面就帶大家了解一下微軟賬戶和本地賬戶。 …

基于機器學習的零售商品銷售數據預測系統

1 項目介紹 1.1 研究目的和意義 在電子商務日益繁榮的今天&#xff0c;精準預測商品銷售數據成為商家提升運營效率、優化庫存管理以及制定營銷策略的關鍵。為此&#xff0c;開發了一個基于深度學習的商品銷售數據預測系統&#xff0c;該系統利用Python編程語言與Django框架&a…

惠海 H6900B 2.7V3.7V4.2V5V9V升12V24V48VLED升壓恒流芯片IC

惠海H6900B LED升壓恒流芯片IC是一款功能豐富的LED驅動解決方案&#xff0c;為高亮度LED燈串設計。以下是針對該產品的進一步分析和解釋&#xff1a; 產品特點 高效率&#xff1a;高達95%以上的效率意味著在驅動LED時&#xff0c;只有很少的能量轉化為熱量&#xff0c;從而提…

Docker常用指令。(工作中用到的)

文章目錄 Docker常用指令重啟docker容器查看運行結果查看文件并跳轉到指定行數查看容器日志創建容器交互式的方式創建容器后臺式創建容器 退出容器 Docker常用指令 docker ps # 列出所有運行的容器 docker ps -a # 列出所有的容器 docker exec -it containerId或containerName …

SolidityFoundry 安全審計測試 memory濫用

名稱&#xff1a; memory濫用 https://github.com/XuHugo/solidityproject/tree/master/vulnerable-defi 描述&#xff1a; 在合約函數中濫用storage和memory。 memory是一個關鍵字&#xff0c;用于臨時存儲執行合約所需的數據。它保存函數的參數數據&#xff0c;并在執行后…

xcrun: error: unable to find utility “simctl“, not a developer tool or in PATH

目錄 前言 一、問題詳情 二、解決方案 1.確認Xcode已安裝 2.安裝Xcode命令行工具 3.指定正確的開發者目錄 4. 確認命令行工具路徑 5. 更新PATH環境變量 前言 今天使用cocoapods更新私有庫的時候&#xff0c;遇到了"xcrun: error: unable to find utility &…

hadoop集群部署【二】YARN MapReduce 的部署

提前注意&#xff1a;請注意路徑是否和我的相同&#xff0c;放置的位置不同&#xff0c;請修改標紅處 HDFS部署 HDFS介紹及部署http://t.csdnimg.cn/Q3H3Y 部署說明 Hadoop HDFS分布式文件系統&#xff0c;我們會啟動&#xff1a; NameNode進程作為管理節點 DataNode進程…

歡太主題商店 官方資源提取與應用第三方資源方法一覽

前言疊甲&#xff1a;支持正版&#xff0c;尊重他人勞動成果&#xff0c;反對盜版提取&#xff0c;不要傳播提取版&#xff0c;我本人也在支持正版&#xff0c;但是最近懶得用主題&#xff0c;用一段時間的默認吧&#xff0c;如有主題開發者不滿&#xff0c;請聯系刪除 &#x…