我的React演示中的按鈕點擊無反應

Question

為什麼點擊按鈕後沒有反應？

我的範例程式碼： https://codesandbox.io/s/gallant-knuth-kwf55c

我檢查了我的程式碼，沒有找到問題，請幫忙解決。

Answer 1

原因是，由於所有元素都使用position:absolute設置，內容div與頁首重疊。

這導致互動時隱藏了頁首。所以當我們點擊時，實際上是在內容上觸發了點擊事件，而不是按鈕（請參見下文）。

我們可以採取以下幾種方法：

• 或是從DIV移除position:absolute
• 使用CSS 視窗單位 / calc函數計算內容的高度，以避免與頁腳重疊