鍍金池/ 問(wèn)答/HTML5  HTML/ react-router 4.2.0把入口改成root.js報(bào)錯(cuò)?

react-router 4.2.0把入口改成root.js報(bào)錯(cuò)?

這是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'));

相應(yīng)的我把webpack.config.js文件里的入口也改成了root.js

下面是我的報(bào)錯(cuò)信息
圖片描述

回答
編輯回答
陌上花

你兩個(gè)寫(xiě)的都有問(wèn)題,上面的Route必須放在Router里,下面你注銷掉的是因?yàn)槟銢](méi)有引入HashRouter。另外我沒(méi)看到你哪里使用了嵌套。你把你的報(bào)錯(cuò)信息也應(yīng)該放上來(lái)看看

2017年3月2日 08:44