en

Daily Challenge 🗓️

Votre dose quotidienne de veille technique pour briller en société (de devs).

Découvrez une question avec sa correction détaillée chaque jour sur un sujet au hasard :

Frontend, Backend, Mobile, Data, Web, AI, Infra... Tout ce qui se code ! 🧪

Thursday 16 May 2024

-

React (legacy)

React (legacy) #7/18

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 1298 fois
ModifierLien direct
1
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !

A propos du Daily Challenge 🗓️

Découvrez chaque jour, du lundi au vendredi, une question de QCM avec son corrigé détaillé pour enrichir vos connaissances tech. Les questions sont proposées par la communauté WeLoveDevs.com : experts et expertes, formateurs et formatrices, indépendants et indépendantes.WeLoveDevs.com accompagne les techs à la recherche de leur de job de rêve. Nous mettons également à disposition plus de 50 tests techniques dans différentes technologies pour ceux d'entre vous qui aimeraient tester leurs connaissances.

Historique

    ⚠️
    Votre navigateur est mal|non supporté !
    Nous vous conseillons d'utiliser un navigateur moderne comme Edge, Chrome ou Firefox
    En savoir plus