Reactjs react路由器dom'；s组件参数获得了未定义的值

我现在正在学习react，所以我正在参与一个hello world react项目

但是当我成功编译项目时，我在Route的组件参数中得到了一个未定义的值，下面的代码来自Firefox中的ReactDevTool：

<HashRouter>
    <Router history={length:5, action: 'POP', location: {_}, _}
        <Route exact=true path='/' compenent=undefined></Route>
    </Router>
</HashRouter>

条目文件app.js：

$ cat src/foreground/app.js
import React from 'react';
import { render } from 'react-dom';

import { HashRouter, Route } from 'react-router-dom';
import { View as Navigator } from './containers/Navigator';

render(
    <HashRouter>
        <Route exact path="/" component={Navigator} />
    </HashRouter>,
    document.getElementById('app')
);

$cat src/front/app.js
从“React”导入React；
从'react dom'导入{render}；
从“react router dom”导入{HashRouter，Route}；
从“./containers/Navigator”导入{View as Navigator}；
渲染(
,
document.getElementById（'app'）
);

容器导航器：

$ cat src/foreground/containers/Navigator/index.js
import React, { Component } from 'react';

class View extends Component {
    render() {
        return (
            <div>
                sdfsdf
                <hr />
            </div>
        );
    }
}

export default View;

$cat src/front/containers/Navigator/index.js
从“React”导入React，{Component}；
类视图扩展了组件{
render（）{
返回(
sdfsdf

);
}
}
导出默认视图；

我希望网页是一个hr行，上面有“sdfsdf”。但实际上，我有一个空网页

---

问题是：如何获取我期望的网页？

您正在使用命名导入导入

Navigator

，但它是作为默认导出导出的，因此您需要导入默认：

import Navigator from './containers/Navigator';

或者在

Navigator/index.js

中导出

视图

：

export class View extends Component {..}

export class View extends Component {..}