reactjs - 将参数从链接传递到组件 - react-router-dom

Question

我正在尝试构建一个个人资料页面，其中显示用户信息。

路线是 - localhost:3000/profile/，我想防止在 url 中显示用户 ID。

示例：而不是 localhost:3000/profile/10，我只想查看 localhost:3000/profile/。

我目前使用第一种方法，但我的老板要求我更改为第二种方法。

虽然，获取当前登录用户的 id 非常容易。我的挑战是至少将列出的用户的 id 传递给配置文件组件。

我正在使用 react-router-dom 和 redux。谢谢您的帮助

score 2 · Accepted Answer

考虑到您可以从 url 中删除用户 id，我只想告诉您如何通过链接传递 id。由于您使用的是react-router-dom，因此您可以将用户 ID 传递为：

<Link to={{
  pathname: '/profile',
  state: { id: userId }
}}>
  <button>Profile</button>
</Link>

这里userId只是传入要传递给配置文件的用户标识，稍后在配置文件组件中，您可以将此标识作为this.props.location.state.id

1 回答 1