Ant-design: La cible de backtop n'est pas valide

Créé le 5 juin 2017  ·  3Commentaires  ·  Source: ant-design/ant-design

Version

2.10.4

Environnement

macox 10.11.6, chrome 58.0.3029.110, et 2.10.4

Lien de reproduction

https://codepen.io/cnchore/pen/KqwNjr

Étapes à reproduire

  1. div de liaison cible backtop ;
  2. Faites défiler la div, le backtop est visible, cliquez pour revenir en haut ;

Qu'est-ce qui est attendu ?

Faites défiler la div, le backtop est visible, cliquez pour revenir en haut ;

Que se passe-t-il réellement ?

Défilement div, backtop n'est pas visible

Tous les 3 commentaires

Le div dans votre codepen n'est même pas défilable !

https://codepen.io/anon/pen/yXyZqq?editors=0010

réagir 15 mise à jour 16.1.0

<BackToptarget={() => document.getElementById('backTop')}> <div> <Icon type="arrow-up" className='backTop' /> </div> </BackTop>
Avertissement : valeur non valide pour la prop target sur

étiqueter. Supprimez-le de l'élément ou transmettez une chaîne ou une valeur numérique pour le conserver dans le DOM. Pour plus de détails, voir https://fb.me/react-attribute-behavior
en div (créé par BackTop)
dans AnimateChild (créé par Animate)
dans Animate (créé par BackTop)
dans BackTop (créé par Product)
en div (créé par BasicLayout)
dans BasicLayout (créé par Adapter)
dans Adapter (créé par Product)
dans Produit
dans Inconnu (créé par Form(WrappedComponent))
dans Form(WrappedComponent) (créé par RouterContext)
en div (créé par BasicLayout)
dans BasicLayout (créé par Adapter)
dans Adapter (créé par FirstPage)
en div (créé par BasicLayout)
dans BasicLayout (créé par Adapter)
dans Adapter (créé par FirstPage)
en div (créé par FirstPage)
dans FirstPage (créé par Connect(FirstPage))
dans Connect(FirstPage) (créé par RouterContext)
dans RouterContext (créé par Router)
dans le routeur
dans Fournisseur

que s'est-il passé?

reçu le même avertissement
image

il me semble que target devrait être renommé en data-target pour mieux correspondre à la convention de dénomination des attributs client.
le composant fonctionne comme prévu cependant

Cette page vous a été utile?
0 / 5 - 0 notes