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

【问题标题】：Form value not change when route change in same component React JS当同一组件 React JS 中的路由更改时，表单值不会更改
【发布时间】：2020-03-10 11:50:17
【问题描述】：

我在 react 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 时表格值仍然存在。如何删除它？

【问题讨论】：

尝试将组件包装在一个内联函数中。 <Route path="cms/create/:id" component={props => <ContainerCMS {...props} />}/>
仍然充满@levisnkyyyy

标签： javascript reactjs routes react-router

【解决方案1】：

在组件路由器上添加密钥

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

【讨论】：