onClick 事件未在 React Popover 上觸發（材料 UI）

Question

請假設 Popover 已經打開。 現在我想要，如果用戶點擊彈出框，它應該將它重定向到“getBikes”。 我在onClick上嘗試過 onClick，還嘗試在 div 上添加事件。 但是 Popover 上的點擊事件仍然不起作用。

 <Popover
  onClick={e => {
  window.location.href = "/getBikes/"
  }}
  open={eventOpen}
  anchorEl={eventAchor}
  className={classes.popoverreact}

  >
      <div onClick ={this.onClickHandle}>
      <Typography>
        {eventBike.name}
      </Typography>
      </div>

Answer 1

您需要在Popover onClick回調定義為道具：

const Popover = ({ open, anchorEl, className, onClick }) => (<div id="wrapper" onClick={{onClick}}>
...
</div>);

onClick是將點擊回調綁定到 HTML 元素的反應方式

組件是一個抽象概念，用於包裝多個 HTML 元素或代碼邏輯。 因此，應用onClick道具，假設默認情況下該事件將被一個可能為空或僅定義邏輯的容器偵聽是沒有意義的

這是有關更多信息的文檔