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 1421 fois
Modifier
3
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
Questions similairesPlus de questions sur React
7
Améliorer ce composant React pour qu'il affiche "Vert" par défaut.6
Écrire une fonction React qui récupère les commentaires et les passe à un composant.4
Comment soumettre un formulaire en React4
Optimiser un composant React en implémentant shouldComponentUpdate2
Écrire le code manquant pour afficher les enfants du composant UserProfile.