React Hooks是React 16.8版本引入的一项重要特性，它为我们提供了在函数组件中使用状态和其他React特性的能力。在这篇文章中，我们将学习如何使用React Hooks从查询字符串中获取参数值。查询字符串是URL中的一部分，用于传递参数和数据。通过解析查询字符串，我们可以从中提取出我们需要的参数值，并在React组件中使用。

bash
npm install query-string

javascript
import React, { useEffect } from 'react';
import queryString from 'query-string';
const MyComponent = () => {
  useEffect(() => {
    const queryParams = queryString.parse(window.location.search);
    const paramValue = queryParams.paramName;
    console.log(paramValue);
  }, []);
  return (
    
      {/* 组件的内容 */}
    
  );
};
export default MyComponent;

javascript
import React, { useEffect } from 'react';
import queryString from 'query-string';
const MyComponent = () => {
  useEffect(() => {
    const queryParams = queryString.parse(window.location.search);
    const name = queryParams.name;
    const age = queryParams.age;
    console.log('Name:', name);
    console.log('Age:', age);
  }, []);
  return (
    
      {/* 组件的内容 */}
    
  );
};
export default MyComponent;

javascript
import React, { useEffect, useState } from 'react';
import queryString from 'query-string';
const MyComponent = () => {
  const [name, setName] = useState('');
  const [age, setAge] = useState(0);
  useEffect(() => {
    const queryParams = queryString.parse(window.location.search);
    const name = queryParams.name;
    const age = queryParams.age;
    setName(name);
    setAge(age);
  }, []);
  return (
    
      
Welcome, {name}!
      
You are {age} years old.
    
  );
};
export default MyComponent;