react路由跳转及传参的方法是什么

在React中，可以使用React Router来进行路由跳转和传参。以下是使用React Router进行路由跳转和传参的方法：

1. 安装React Router：首先，需要安装React Router库。可以使用以下命令来安装React Router：

npm install react-router-dom

2. 设置路由：在应用的根组件中，设置路由。可以使用BrowserRouter或HashRouter组件来包裹整个应用，并使用Route组件来定义路由。

import { BrowserRouter as Router, Route } from 'react-router-dom';

function App() {
  return (
    
      
      
    
  );
}

3. 跳转路由：可以使用Link组件或history.push方法来进行路由跳转。

• 使用Link组件：

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

function Navigation() {
  return (
    
  );
}

• 使用history.push方法：

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

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

  const handleClick = () => {
    history.push('/about');
  };

  return (
    

      Go to About
    
  );
}

4. 传递参数：可以通过路由路径中的参数或使用Route组件的render属性来传递参数。

• 路由路径中的参数：

在User组件中，可以通过props.match.params.id来获取传递的参数。

• 使用render属性：

 } />

在User组件中，可以通过props.userId来获取传递的参数。

这些是使用React Router进行路由跳转和传参的基本方法。根据具体的需求，还可以使用更高级的功能，如嵌套路由、路由守卫等。