react-router 4.2.0把入口改成root.js报错?

弘毅
  • 48

这是root.js文件

import React from 'react';
import ReactDOM from 'react-dom';
import Index from './index';

import ComponentList from './components/list';
import {HashRouter,Route,} from 'react-router-dom';

export default class Root extends React.Component {

constructor(props) {
    super(props);
}

render() {
    return (
        <HashRouter>
            <div>
                <Route path='/' component={Index}/>
                <Route path='/list' component={ComponentList}/>
            </div>
        </HashRouter>
    )
};

}
ReactDOM.render(<Root/>, document.getElementById('example'));

相应的我把webpack.config.js文件里的入口也改成了root.js

下面是我的报错信息
图片描述

回复
阅读 1.6k
1 个回答

你两个写的都有问题,上面的Route必须放在Router里,下面你注销掉的是因为你没有引入HashRouter。另外我没看到你哪里使用了嵌套。你把你的报错信息也应该放上来看看

宣传栏