react路由不生效？

Question

/router/index.jsx 文件

// 引入路由
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'

import App from "../App";
import List from "../pages/List";
import Edit from "../pages/Edit";
import Login from "../pages/Login";
import Register from "../pages/Register";
import Means from "../pages/Means";


// 创建路由
const BaseRouter = () => {
    <Router>
        <Routes>
            <Route path = '/' element={<App />}>
                {/* 嵌套路由 */}
                <Route path = '/list' element={<List />}></Route>
                <Route path = '/edit' element={<Edit />}></Route>
                <Route path = '/means' element={<Means />}></Route>
            </Route>
            <Route path = '/login' element={<Login />}></Route>
            <Route path = '/register' element={<Register />}></Route>
        </Routes>
    
    </Router>
}

// 导出路由
export default BaseRouter

/index.js文件

import ReactDOM from "react-dom";
import Router from './router/index.jsx'
// 引入antd
import './assets/base.css'

ReactDOM.render(
    <Router />,
    document.getElementById('root')
)

运行之后浏览器打开空白一篇，也没有任何报错信息...

Answer 1

已解决，创建路由的时候应该使用圆括号：

// 创建路由
const BaseRouter = () =>（***）

Answer 2

element?有这个prop?我记得是component吧