面试题：React中React Router基础使用相关问题

Question

在React项目中已安装好React Router，如何使用`<BrowserRouter>`和`<Routes>`来配置两个简单路由，一个指向`/home`展示`Home`组件，另一个指向`/about`展示`About`组件？请写出关键代码片段。

Answer 1

import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import Home from './Home';
import About from './About';

function App() {
  return (
    <Router>
      <Routes>
        <Route path="/home" element={<Home />} />
        <Route path="/about" element={<About />} />
      </Routes>
    </Router>
  );
}

export default App;