当同一组件React JS中的路由更改时，表单值不会更改

Question

I have route code in react js

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

Code in ContainerCMS

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

Assume i have 2 link cms/create/staging and cms/create/prod first i visit cms/create/staging then filled form but when i visit cms/create/prod form value still exist. How to remove it?

Answer 1

在组件路由器上添加密钥

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