1.首先箭頭函數(shù)的this是靜態(tài)綁定的
2.要理解onScroll這種注冊(cè)的是事件回調(diào)，也就是后面應(yīng)該是個(gè)函數(shù)，當(dāng)croll事件觸發(fā)的時(shí)候執(zhí)行等號(hào)后面的函數(shù)，第二種寫法就相當(dāng)于你的scroll()在render的時(shí)候就被執(zhí)行了，而不是在事件觸發(fā)的時(shí)候，里面的this也不是undefined

這個(gè)問(wèn)題得從class說(shuō)起。
當(dāng)定義React組件時(shí)，extends React.Component時(shí)，不會(huì)將this繼承下來(lái)。所以你的第二個(gè)圖是this是undefined.
而ES6中的arrow function呢，默認(rèn)在定義的時(shí)候會(huì)綁定this。
使用this一般有兩種做法。

• 直接使用箭頭函數(shù)
• 在constructor中綁定。

class {
    constructor() {
        super(...arguments);
        this.myFunction = this.myFunction.bind(this);
    }
    
    render() {
        return(
            <div onClick={this.myFunction}></div>
        )
    }
    
    myFunction() {
        //
    }
}

阮一峰的教程，看看吧