recherche

Maison  >  Questions et réponses  >  le corps du texte

Le clic sur le bouton dans ma démo React ne répond pas

<p>Pourquoi n’y a-t-il aucune réponse après avoir cliqué sur le bouton ? </p> <p>Mon exemple de code : https://codesandbox.io/s/gallant-knuth-kwf55c</p> <p>J'ai vérifié mon code et je n'ai pas trouvé le problème. Veuillez m'aider à le résoudre. </p>
P粉899950720P粉899950720469 Il y a quelques jours656

répondre à tous(1)je répondrai

  • P粉957723124

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

    La raison est que puisque tous les éléments sont configurés à l'aide de position:absolute, le div de contenu chevauche l'en-tête.

    Cela entraîne le masquage de l’en-tête lors de l’interaction. Ainsi, lorsque nous cliquons, l'événement click est en fait déclenché sur le contenu, pas sur le bouton (voir ci-dessous).

    Nous pouvons utiliser les méthodes suivantes :

    • Soit supprimer position:absolute du DIV
    • Calculez la hauteur du contenu à l'aide de la fonction CSS viewport units/calc pour éviter les chevauchements avec le pied de page

    répondre
    0
  • Annulerrépondre