如何將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？

回答

相關問題