提示與技巧

當兩個節點的型別不同時,React 不會嘗試匹配它們 - 它只是從 DOM 中刪除第一個節點並插入第二個節點。這就是第一個提示所說的原因

  1. 如果你發現自己在兩個具有非常相似輸出的元件類之間交替,你可能希望將它設定為相同的類。

  2. 例如,如果你知道元件不會更改,請使用 shouldComponentUpdate 來防止元件重新呈現

shouldComponentUpdate: function(nextProps, nextState) {
  return nextProps.id !== this.props.id; 
}