這是之前寫的返回頂部的組件，就是在 componentDidMount 里監(jiān)聽 window scroll 事件。
https://github.com/BaoXuebin/xdbin-react-app/blob/master/src/app/components/BackTop.jsx

這里分享一個之前遇到的坑吧。因為返回頂部這個組件基本每個頁面都會用到，而一個頁面里對 window scroll 事件的處理有可能不止一個。如果每個組件里都寫如下代碼：

componentDidMount() {
    window.onscroll = () => {
        // ...
    };
}

則肯定會覆蓋原有的 window.onscroll 方法。所以正確的處理應該是延續(xù) onscroll 事件的冒泡執(zhí)行。

componentDidMount() {
    window.onscroll = () => {
        if (window.onscroll) {
            window.onscroll();
        }
        // ...
    };
}