React - Handling Events

發表於 | 更新於 | 分類於

在我對 React 的認知，宣告事件處理的方法大概分三種

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
class myClass extends React.Component {
    constructor() {
        this.myFuncB = this.myFuncB.bind(this);
    }

    myFuncA = () => {
        // ...
    }

    myFuncB() {
        // ...
    }

    myFuncC() {
        // ...
    }

    render () {
        return (
            <input type='button' onClick={() => this.myFuncC()} />
        )
    }
}

以上推薦寫法是 myFuncA的方式，另外的兩種在每次render的時候，都會建立一個新的 function，可能會有效能上的問題。

此篇文章單純灌水而已… 謝謝自己沒事找事做的堅持

0%