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

这是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

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

阅读 2.3k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题