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

Question

我有一个主页，其中包含一些地址列表，这些地址在表中呈现以供 react js 使用。现在我需要添加功能，如果我点击任何地址，它会打开带有详细信息的新页面。

Answer 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>