我必須像下面這樣做松餅。當點擊圖標時，彈出窗口應該以完全相同的用戶界面打開。

下面是我正在使用的代碼

{showPopOver && (
              <Popover
                open={showPopOver}
                onClose={(e) => {
                  if (showPopOver) {
                    e.stopPropagation()
                    toggleModal()
                  }
                }}
                anchorEl={imageRef?.current}
                anchorOrigin={{
                  vertical: `top`,
                  horizontal: `center`,
                }}
                transformOrigin={{
                  vertical: `top`,
                  horizontal: `center`,
                }}
                PaperProps={{
                  style: { width: "400px", height: "300px" },
                }}
              ><POPOVER CONTENTS........>


</popover>
)}

我得到了彈出窗口，但它與圖標重疊

誰能告訴我如何將彈出框放在帶v的圖標上

任何解決這個問題的意見都將受到高度贊賞。

您需要轉換& lt波普沃。& gt通過向其屬性添加transformOrigin。像這樣:

transformOrigin={{ horizontal: "left", vertical: -20 }}