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 1542 fois
Modifier
4
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
3
Écrire un composant React en tant que fonction3
Enregistrer l'état utilisé pour afficher la page sélectionnée dans un composant 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.3
Écrire le code manquant pour afficher les enfants du composant UserProfile.7
Comment soumettre un formulaire en React7
Optimiser un composant React en implémentant shouldComponentUpdate