reactjs - 使用 React Router 确定 ReactApp URL 搜索

标签 reactjs react-router

假设我有一个无服务器网站。 MyWebSite.com

如果用户输入 MyWebSite.com/randomString

如何捕获这些额外的随机信息。

目标是根据用户随机 URL 搜索动态显示内容

调查这个问题

Read the current full URL with React?

最佳答案

尝试使用 react-router-dom 而不是 react-router

好的,希望你的路线是这样的 <Route path="/:id" component={Search} /> ,在这种情况下,您可以获得如下的 randomString

在功能组件中:

props.match.params.id

或在类组件中:

this.props.match.params.id

关于reactjs - 使用 React Router 确定 ReactApp URL 搜索,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59044283/

相关文章:

reactjs - 我的 Redux 存储是一个数组

reactjs - 响应 native 中的视频通话服务

javascript - React-router 不变违规 : The root route must render a single element

react-router - React Router 的 <Link> 组件中的状态是什么?

javascript - react JS : Does my Application work correctly?

javascript - 更改组件 React Web

javascript - 如何将数据从卡片列表中的一张卡片传递到对话框?

javascript - 如果项目已存在并且更改按钮状态,如何从本地存储中存储的数组中删除项目

javascript - 在 React Router/React 中快速转到直接链接

reactjs - React 中的 404 页面在每个页面中呈现