Reactjs 组件未在react路由中加载

我试图在react中实现路由。 这是我的index.js文件

import React from 'react';
import {render} from 'react-dom';
import { BrowserRouter,Route, Switch, withRouter,Redirect } from 'react-router-dom';
import {Home} from './components/Home.jsx';
import {AddUser} from './components/AddUser.jsx';

class App extends React.Component {
 render() {
    return(
        <BrowserRouter>
            <Switch>
                <Route path="/" exact render={() => <Redirect to='/home' />} />
                <Route path="/home" exact component={Home} />
                <Route path="/adduser" exact component={AddUser} />                    
            </Switch>
        </BrowserRouter>
    );
 }
}

render(<App/>, document.getElementById('root'));

从“React”导入React；
从'react dom'导入{render}；
从“react router dom”导入{BrowserRouter，Route，Switch，withRouter，Redirect}；
从“./components/Home.jsx”导入{Home}；
从“./components/AddUser.jsx”导入{AddUser}；
类应用程序扩展了React.Component{
render（）{
返回(
} />
);
}
}
render（，document.getElementById（'root'））；

这是我的主组件文件

import React from 'react';

export default class Home extends React.Component {
constructor() {
    super();
    this.state = {
        users : []
    }
}

  render() {
   return (
    <div>hello</div>
   );
 }
}

从“React”导入React；
导出默认类Home扩展React.Component{
构造函数（）{
超级（）；
此.state={
用户：[]
}
}
render（）{
返回(
你好
);
}
}

应用程序按预期重定向，但未加载组件。 控制台中没有错误，我可以找到各种react路由示例，其中大多数都是以前的路由器版本

请帮助我理解这个问题。

---

提前感谢

在导入

默认值时

导出不要使用

{}

因此，由于您将组件导出为

默认值

，因此应该使用

import Home from './components/Home.jsx';
import AddUser from './components/AddUser.jsx';

演示

---

---

一般情况下，请参见

localhost:portNum/adduser不转到AddUserComponent？但是您的主组件在根路径“/”中加载并重定向？它在codesandbox中按预期工作，您能提供一个可复制的演示吗