react-router6的基本使用

安装react-router

npm add react-router-dom@6

新建一个router文件夹,在文件夹下面建一个index.jsx
把需要路由包裹的组件都引入路由中,既可自由切换。

import { Component } from 'react';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Test from '../components/test.tsx';
import App from '../App.tsx';
export default class RouterIndex extends Component {
  render() {
    return (
      
        
          } />
          } />
          ...
        
      
    );
  }
}

在入口文件index.jsx中引入

import Routes from "./router";
const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
  
    ,
  
);

你可能感兴趣的:(react,react.js)