suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Das Klicken auf die Schaltfläche in meiner React-Demo reagiert nicht

<p>Warum erfolgt nach dem Klicken auf die Schaltfläche keine Reaktion? </p> <p>Mein Beispielcode: https://codesandbox.io/s/gallant-knuth-kwf55c</p> <p>Ich habe meinen Code überprüft und das Problem nicht gefunden. Bitte helfen Sie mir, es zu lösen. </p>
P粉899950720P粉899950720519 Tage vor689

Antworte allen(1)Ich werde antworten

  • P粉957723124

    P粉9577231242023-08-15 00:39:58

    原因是,由于所有元素都使用position:absolute设置,内容div与页眉重叠。

    这导致交互时隐藏了页眉。所以当我们点击时,实际上是在内容上触发了点击事件,而不是按钮(请参见下文)。

    我们可以采取以下几种方法:

    • 要么从DIV中移除position:absolute
    • 使用CSS 视口单位 / calc函数计算内容的高度,以避免与页脚重叠

    Antwort
    0
  • StornierenAntwort