Значение формы не изменяется при изменении маршрута в том же компоненте. React JS

Question

У меня есть код маршрута в реакции js

<Route path="cms/create/:id" component={ContainerCMS}/>

Код в ContainerCMS

<div>
  <input type="text"/>
</div>

Предположим, у меня есть 2 ссылки cms/create/staging и cms/create/prod Первый визит cms/create/staging тогда заполненная форма, но когда я посещаю cms/create/prod значение формы все еще существует. Как это убрать?

Answer 1

добавить ключ на компонентный маршрутизатор

<Route path="/cms/create/:id" render={props => <ContainerCMS key={props.match.params.id} {...props} />}/>