props和state都是用於描述component狀態的,而且這個狀態應該是與顯示相關的。
1.State(由內部改變的)
若是component的某些狀態須要被改變,而且會影響到component的render,那麼這些狀態就應該用state表示。
例如:一個購物車的component,會根據用戶在購物車中添加的產品和產品數量,顯示不一樣的價格,那麼「總價」這個狀態,就應該用state表示。
2.Props(由外部傳送的)
若是component的某些狀態由外部所決定,而且會影響到component的render,那麼這些狀態就應該用props表示。
例如:一個下拉菜單的component,有哪些菜單項,是由這個component的使用者和使用場景決定的,那麼「菜單項」這個狀態,就應該用props表示,而且由外部傳入。