Comment convertir le code Jquery $ (document) .scrollTop() en React JS?

Comment convertir le code de défilement jQuery en ReactJS?

if($(".app-wizard-header").length > 0) {    
    if ($(document).scrollTop() > 50) {     
     this.setState({Headerbg:'app-wizard-header'})   
    } else {     
     this.setState({Headerbg:'app-wizard-header no-bg'})   
    } 
}

Source

2017-10-04 Chandresh

qu'est-ce que tu veux dire par convertir à ReactJs? Vous devez trouver quand le code respectif doit être exécuté et l'exécuter à ce moment-là. – Panther

@Panther: Oui, je veux juste convertir le code entier en ReactJs. – Chandresh

Dans JavaScript vanilla, vous pouvez créer un div en haut avec un id = "top", et quand un utilisateur effectue un événement qui devrait amener au sommet, vous devez utiliser une balise d'ancrage ' 'amener l'utilisateur au sommet. – fungusanthrax

Réponse:

import ReactDOM from 'react-dom'; 
var node = ReactDOM.findDOMNode(this.refs.Headerbg);    
if (node){ 
    if (window.scrollY > 50) {     
     this.setState({...});   
    } else {     
     this.setState({...});   
    } 
}

Source

2017-10-04 14:50:08 Chandresh

agréable son travail :) – Anil

Comment convertir le code Jquery $ (document) .scrollTop() en React JS?

Répondre

Questions connexes