javascript - 在 react 中的 url 更改上重新呈现相同的组件

Question

我有一个路由，它接受一个 id 并为每个 id 呈现相同的组件，例如: <Route path='/:code' component={Card}/>

现在，在 Link 标记中，我将一个 ID 传递给组件。现在，Card 组件会根据传递的 ID 获取更多详细信息。但问题是它只呈现一个 id，如果我单击返回并转到下一个 id，它不会更新。我搜索并发现 componentsWillReceiveProps 可以使用，但在 React 的最新版本中它已被弃用。那么该怎么做呢？

Answer 1

将当前位置作为组件的键可以解决问题。

<Route path='/:code' component={(props) => <Card {...props} key={window.location.pathname}/>}/>