React query-string

Question

我知道推荐使用query-string库来处理React项目中的URL查询字符串。我的问题将是微不足道的，简单地说，作为一个新手，我不能解决它。如何在一个功能组件中使用这个库接收？下面是简单的代码，我想做的就是在启动时处理URL，并做一些响应。

在所有示例中，此组件都接收一个'props'，它不是发送到我的组件中的值(我有一个Props，但它是一个仅由父组件发送的接口)。

​

function Finder(props: Props) {
    React.useEffect(() => {
        const parsed = queryString.parse();
        console.log(parsed);
        
        /* Do something here */
    }, []);
}

​

Answer 1

根据documentation，query-string可以使用location.search作为解析方法的输入。在浏览器中，location是一个全局对象，表示页面的URL，location.search返回查询字符串本身。