react params 传递参数函数跳转怎么写

结合上面两个问题的回答，我们可以通过以下代码实现在 React 中使用函数跳转并传递参数：

import React from 'react';
import { useHistory } from 'react-router-dom';

function MyComponent() {
  const history = useHistory();

  const handleClick = () => {
    // 跳转到 /user-info 路由页面，并传递 name 和 age 参数
    history.push('/user-info?name=John&age=30');
  };

  return (
    <div>
      <button onClick={handleClick}>跳转到用户信息</button>
    </div>
  );
}

在上面的代码中，我们使用 `push` 方法跳转到 `/user-info` 路由页面，并通过 URL 参数的方式传递了 name 和 age 参数。在 `/user-info` 路由页面中，可以通过 `useLocation` 钩子函数获取 URL 参数，并在页面中使用。

例如，在 `/user-info` 路由页面中可以这样获取 URL 参数：

import React from 'react';
import { useLocation } from 'react-router-dom';

function UserInfo() {
  const location = useLocation();
  const name = new URLSearchParams(location.search).get('name');
  const age = new URLSearchParams(location.search).get('age');

  return (
    <div>
      <p>Name: {name}</p>
      <p>Age: {age}</p>
    </div>
  );
}

在上面的代码中，我们使用 `useLocation` 钩子函数获取 URL 参数，然后使用 `URLSearchParams` 对象获取参数的值，并在页面中显示出来。