React 中 呼叫 lodash.debounce 不錯誤繫結 this 解決方案

pimkle發表於2018-12-05
React

1、部分引入 lodash

import debounce from 'lodash/debounce';
複製程式碼

2、繫結 this 致使 function 裡使用 this 正常呼叫

ps: 不正確繫結 this 會導致後面 cannot find something of undefined 的報錯

繫結 this 引用了這篇 文章

<Button 
    onClick={debounce(this.changeMapType.bind(this), 200)}>
    {this.state.chartType === 1 ? '桑基圖' : '樹圖'}
</Button>
複製程式碼

注意

debounce 需要在 onClick 裡直接新增 箭頭函式會導致實現
複製程式碼

相關文章