Javascript A<；路由器/>；可能只有一个子元素

好吧，我做错了什么，据我所知，我的路由器只有一个子元素-

mY routes.js组件如下所示-

import React from 'react'
import { BrowserRouter as Router, Route } from 'react-router-dom';
import MarketPlace from "./MarketPlace";
import Favourites from "./Favourites";

const routes    = () => {

       return (

            <Router>
                    <div>
                        <Route exact path   = "/"           component = {MarketPlace}/>
                        <Route  path   = "/Favourites"      component = {Favourites}/>
                    </div>
             </Router>

     )
    }

export default routes

---

我正在使用最新版本的react router，并且已安装react router dom。

在使用react dom渲染路由时。render，将其渲染为react组件，而不是函数调用。同样要呈现组件，JSX标记需要以大写字符开头

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import MarketPlace from './MarketPlace';
import registerServiceWorker from './registerServiceWorker';
import { render } from 'react-dom'
import Routes from "./routes.js"

ReactDOM.render(<Routes/>, document.getElementById('root'));
registerServiceWorker();

从“React”导入React；
从“react dom”导入react dom；
导入“./index.css”；
从“/MarketPlace”导入市场；
从“./registerServiceWorker”导入registerServiceWorker；
从'react dom'导入{render}
从“/Routes.js”导入路由
ReactDOM.render（，document.getElementById（'root'））；
registerServiceWorker（）；

有什么问题需要帮助！

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import MarketPlace from './MarketPlace';
import registerServiceWorker from './registerServiceWorker';
import { render } from 'react-dom'
import Routes from "./routes.js"

ReactDOM.render(<Routes/>, document.getElementById('root'));
registerServiceWorker();