Intermédiaire
Voici un composant censé afficher le nombre de pixels scrollés verticalement.
class Scroller extends React.Component {
  constructor(props) {
    super(props);
    this.state = { distance: window.scrollY };
    this.updateDistance = this.updateDistance.bind(this);
  }
  
  updateDistance() {
    this.setState({ distance: window.scrollY });
  }
  
  componentDidMount() {
    window.addEventListener("scroll", this.updateDistance);
  }
  render() {
    return (
      <div style="height: 5000px"> 
        <p style="position: fixed; top: 5px; left: 5px">
          Scrolled {this.state.distance} pixels.
        </p>
      </div>
    );
  }
}
Quel(s) est(sont) le(s) problème(s) ?
Auteur: Victor SabatierStatut : PubliéeQuestion passée 1526 fois
Modifier
3
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
7
Comment soumettre un formulaire en React7
Optimiser un composant React en implémentant shouldComponentUpdate6
Écrire une fonction React qui récupère les commentaires et les passe à un composant.3
Écrire le code manquant pour afficher les enfants du composant UserProfile.2
Corrigez le composant React suivant :7
Améliorer ce composant React pour qu'il affiche "Vert" par défaut.3
Écrire un composant React en tant que fonction