使用React Router确定ReactApp URL搜索

时间:2019-11-26 05:25:50

标签: reactjs react-router

让我们说我有一个无服务器的网站。 MyWebSite.com

如果用户输入 MyWebSite.com/randomString

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

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

调查此问题

Read the current full URL with React?

2 个答案:

答案 0 :(得分:1)

在阅读了上一个问题之后,我发现它可以正常工作。

 componentDidMount() {
        console.log(window.location.href);

      }

答案 1 :(得分:1)

尝试使用 react-router-dom 代替 react-router

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

在功能组件中:

props.match.params.id

或在类组件中:

this.props.match.params.id