reactjs 如何使用React-Router将查询参数传递给父组件?[duplicate]

9fkzdhlc  于 2023-01-25  发布在  React
关注(0)|答案(1)|浏览(118)
    • 此问题在此处已有答案**:

How to pass data from a page to another page using react router(5个答案)
16小时前关门了。
所以在我的Forum.tsx文件中,我有一个链接指向帖子的相应ID:

<Link to={`/forum/${value.PostId}`}>
          <b>{value.Title}</b>
        </Link>

在我的应用组件中,我希望以某种方式传递查询参数并呈现ViewPost组件:

<Route path={`forum/:postId`} element={<ViewPost />} />

但这显然不是正确的方法。我会将PostId作为prop传递给app组件,但我知道在React中不能将prop传递给父组件。是否有其他方法或更简单的方法来完成此操作?

but5z9lq

but5z9lq1#

愚蠢的错误,显然我忘了

<Route path={`forum/:postId`} element={<ViewPost />} />

应该是

<Route path={`/forum/:postId`} element={<ViewPost />} />

相关问题