如何使用道具从页面路由到另一个页面

【问题标题】：How to route from page to another page using props如何使用道具从页面路由到另一个页面
【发布时间】：2021-02-25 11:29:53
【问题描述】：

我有一个主页，其中列出了一些地址列表，这些地址在表中呈现用于 react js。现在我需要添加功能，如果我点击任何地址，它会导致带有详细信息的新页面。

【问题讨论】：

标签： reactjs react-router

【解决方案1】：

您需要缩小您的问题范围，但可以举个例子：

1.- 在设置路由的组件中设置路由，本例中路由/project/:id：

<Route
    path='/project/:id'
    render={(props) => (
        <ProjectDetails {...props}/> //I WANT TO GET THE PASSED PROP IN THE LINK HERE
    )}
/>

2.- 从您定义链接的组件中，传递 state 中的道具，如此示例，其中传递了具有 fromNotifications 属性的对象：

<Link to={{
  pathname: '/tylermcginnis',
  state: {
    fromNotifications: true
  }
}}>Tyler McGinnis</Link>

【讨论】：