正確的使用state

開始寫乙個元件時如何判斷哪些資料是需要寫入state的?

如果有以上一種情況是肯定回答，這個值就可以不用作為state寫入

// 錯誤

this.state.comment
='hello'
;//使用setstate代替
// 正確
this.setstate();

this.props和this.state同時更新時,結果就不可靠了

// wrong

this.setstate();

setstate()第二種寫法，可以接收乙個函式，函式的第乙個引數是是更新前的state,當前更新的props作為第二個引數

// correct

this.setstate((prevstate, props) => ());

constructor(props) ;

}

單獨更新後，結果可以合併

componentdidmount() );

});fetchcomments().then(response
=> );
});}

各元件之間互相不知曉對方是stateful or stateless,也不關心對方是個function or class,資料只是靠props向下傳遞

本章示例

通過定時器設定state,利用生命週期執行定時器，成功設定乙個顯示時間的demo

import

react,  from
'react'
;import  from
'react-dom'
;class
extends
component ;
}componentdidmount () 
componentwillunmount () 
tick())
}render() <
/h2>
<
/div>);}
}>, document.getelementbyid('root'
));

的正確使用 眼霜正確的使用方法

眼睛周圍的肌膚是乙個人整張臉上最脆弱的部分，它嬌嫩柔弱，只要有稍稍的護理不慎，就會帶來不堪設想的後果，黑眼圈 眼袋之類的問題更是家常便飯了。我們可以使用日常眼霜保護眼周肌膚，緩解眼周肌膚的問題。然而，對於日常眼霜的使用，你知道多少，有一些你所不知道的錯誤用法，你是不是也中招了 日常眼霜的作用 日常眼...

stl erase 的正確使用

stl erase 正確使用 stl之map erase方法的正確使用 stl的map表裡有乙個erase方法用來從乙個map中刪除掉指令的節點 eg mapmaptest typedef map iterator iter iter iter maptest.find key maptest.er...

typename的正確使用

typename 的正確使用 一 在宣告模板引數時，class 和typename 是可互換的。以下完全等價 templateclass widget templateclass widget 二 通常情況下，必須用 typename 去標識巢狀依賴型別名，但在基類列表中或在乙個 建構函式的成員初始...