单击后退按钮时重新渲染子组件

Question

Im wondering if there is any straightforward way to get a single child component to rerender when the back button is clicked. For example:

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

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

componentWillReceiveProps is hit whenever the back button is clicked.

Any ideas? I don't want to re-render the entire parent component.

Answer 1

If for some reason you want the children to re-render you could use key prop passed to them. This key prop which is used by React Reconciliation will just throw the old component and create a new one, thus re-render.

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

Sources: https://reactjs.org/docs/reconciliation.html#keys