react V6版本路由使用方法

React Router 6.0 版本的使用方法与以往版本有着显著的不同。以下是一个简单的例子，展示如何在 React 应用程序中设置和使用 React Router 6.0 版本的基本路由功能。

首先，确保安装了 React Router 6.0：

npm install react-router-dom

然后，在你的 React 应用中设置路由：

import React from 'react';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
 
function Home() {
  return <h2>Home</h2>;
}
 
function About() {
  return <h2>About</h2>;
}
 
function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/about" element={<About />} />
      </Routes>
    </BrowserRouter>
  );
}
 
export default App;

在这个例子中，BrowserRouter 提供了路由的上下文，Routes 是路由的容器，而 Route 定义了一个可以被访问的路径和与其对应的 React 组件。element 属性用于指定当路由匹配时要渲染的组件。

这就是在 React 应用程序中使用 React Router 6.0 的基本方法。