單擊后退按鈕時重新渲染子組件

Question

我想知道是否有任何簡單的方法可以在單擊后退按鈕時重新渲染單個子組件。 例如：

componentWillReceiveProps: function() {
   forceupdate > child-one
}

<parent>
  <child-one />
  <child-two />
</parent>

每當單擊后退按鈕時，都會點擊componentWillReceiveProps 。

有什么想法嗎？ 我不想重新渲染整個父組件。

Answer 1

如果出於某種原因您希望孩子們重新渲染，您可以使用傳遞給他們的 key 道具。 React Reconciliation 使用的這個 key prop 只會拋出舊組件並創建一個新組件，從而重新渲染。

<parent>
  <child-one key={control} />
  <child-two />
</parent>

來源： https : //reactjs.org/docs/reconciliation.html#keys