react路由push跳转传参

在React中，可以使用react-router-dom提供的路由系统来进行页面跳转和传参。在使用push方法进行跳转时，可以在第二个参数中传递一个对象，该对象中包含需要传递的参数。具体实现代码如下所示：

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

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

  function handleClick() {
    history.push('/path', { name: 'react', msg: 'react' });
  }

  return (
    <button type="button" onClick={handleClick}>
      跳转到path页面并传递参数
    </button>
  );
}

在接收参数的页面中，可以通过props.location.state来获取传递的参数。具体实现代码如下所示：

function Path(props) {
  const { name, msg } = props.location.state;

  return (
    <div>
      <p>name: {name}</p>
      <p>msg: {msg}</p>
    </div>
  );
}