Javascript 如何在react路由器的链接中传递道具？

我有一个酒店页面，我想为每个酒店创建一个页面
如何在react路由器的链接中传递道具？

---

如何在我的酒店组件中使用它？

您可以将参数添加到链接中

<Link 
  to={{
     pathname: "/path/to/",
     state:{...props}
  }}> 
></Link>

React路由器的

组件将装饰任何组件（或锚

您在React路由器主体上定义的任何额外道具都将传递到提供的组件或锚定标记。您可以执行以下操作：

使用默认的
组件：

consthotels=[{id:1，名称：'hotel1'}，{id:2，名称：'hotel2'}]
功能链接列表（{hotels}）{
返回(
hotels.map（hotel=>
)
} 

使用自定义组件：*

const FancyLink=React.forwardRef（（{hotel，…props}，ref）=>(
我使用react-hookscan我传递对象？@MouazALbari是的，顺便说一句，你想传递什么参数？酒店对象匹配未定义我更新我的答案重试
const params = this.props.location.state