react裡面bind與箭頭函式

小白张先生發表於2024-05-09
  1. bind 由於在類中,採用的是嚴格模式,所以事件回撥的時候,會丟失this指向,指向undefined,需要使用bind來給函式繫結上當前例項的this指向;
    箭頭函式的this指向上下文,所以永久能拿到當前元件例項,this指向,我們可以完美的使用箭頭函式來替代傳統事件處理函式的回撥

  2. 箭頭函式
    class MyComponent extends React.Component {
    handleClick = () => {
    // 處理點選事件的程式碼
    }

render() {
return (

);
}
}

3 bind
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(this);
}

handleClick() {
// 處理點選事件的程式碼

原文連結:https://blog.csdn.net/qq_39207066/article/details/133678289

相關文章