react代碼優化

1.this.setState書寫優化

this.setState({ value: 1})

 過去我們是這樣改變setState是這樣寫的,現在setState的參數可以寫成函數的形式,在函數裏面return這個對象出去,這樣做的好處是性能會比之前好些

this.setState(() => {
    return { value: 1}
})

另外在ES6中可以用()包裹要return的內容,就可以省略return關鍵字了

這裏可以看到我們還有一個prevState參數,這個參數的意思很明顯就是我們即將要改變的state,和我們以前的this.state是一個意思,但是這麼寫可以避免你不小心的去直接概念state的狀態,原則是react是不允許直接改變state狀態的

2.bind(this)前提     

我們過去經常還在綁定方法的時候才改變方法中的this指向,但是更規範的寫法是講綁定this指向的操作前提到構造函數中進行,這樣也是能提升代碼性能的

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章