时间戳

首页 > 解决方案 > 如何在 React js 中获取带有问号的 url 参数？

reactjs - 如何在 React js 中获取带有问号的 url 参数？

问题描述

所以我正在制作一个反应应用程序，我偶然发现了一个我无法弄清楚的问题。我有一个网址http://localhost/panel/?code=123456789。我怎么得到CODE？

我试过这个：

export default function App() {
    return (
      
      
      <div className="App">
        <Router>

        <Switch>
          <Route exact path="/:code" component={Panel}/>
        </Switch>
    </Router>
        <h1>hi</h1>

        </div>
        
    
      );
}

function Panel(){
    const {code} = useParams();
        return (
        <div>
            <h3>ID: {code}</h3>
        </div>
    );
}

但这给了我ID: panel。所以我尝试了

          <Route exact path="/panel/:code" component={Panel}/>

但后来他们现在没有 h3 或ID:在页面上只是<h1>hi</h1>.

有人知道我做错了什么吗？我怎样才能得到CODE？

标签： reactjs

解决方案

你可以做

let search = window.location.search
search.split("=")[1]

它会在您的网址中为您提供代码

推荐阅读