如何将Jquery $（document）.scrollTop（）代码转换为React JS？

如何将jQuery滚动代码转换为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'})   
    } 
}

来源

2017-10-04 Chandresh

什么ü通过转换意味着ReactJs？你需要找到相应的代码何时应该执行并执行它。 – Panther

@Panther：是的，我只想将整个代码转换为ReactJs。 – Chandresh

在vanilla JavaScript中，您可以在顶部创建一个ID为“top”的div，并且当用户执行一个应该带到顶部的事件时，您应该使用锚标记'把用户带到最高层。 – fungusanthrax

答：

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

来源

2017-10-04 14:50:08 Chandresh

不错的工作:) – Anil

如何将Jquery $（document）.scrollTop（）代码转换为React JS？

回答

相关问题