react项目遇到问题

1. history问题

var React = require('react');var ReactDOM = require('react-dom');var {Route, Router, IndexRoute, hashHistory} = require('react-router');var Main = require('Main');ReactDOM.render(  <Router history={hashHistory}>  <Route path="/" component={Main}></Route></Router>, document.getElementById('app'));

报错如图：

解决办法：
使用react-router-dom替换react-router，其中BrowserRouter替换成了Router

import React from 'react';import ReactDOM from 'react-dom';import { BrowserRouter, Route } from 'react-router-dom'import App from './components/App';ReactDOM.render((     <BrowserRouter>          <Route path="/" component={App}/>     </BrowserRouter>     ),     document.getElementById('root'));

2.只有一个节点

 error: "Uncaught Error: A <Router> may have only one child element"

解决办法：添加div

import React from 'react';import ReactDOM from 'react-dom';import {HashRouter, Route, hashHistory } from 'react-router-dom'import App from './components/ProductBox';// 增加 About 和 Repos 组件import About from './components/About'import Repos from './components/Repos'// 增加2个新路由ReactDOM.render(    <HashRouter history={hashHistory}>        <div>            <Route path="/" component={App}/>            <Route path="/about" component={About}/>                <Route path="/repos" component={Repos}/>        </div>    </HashRouter>, document.getElementById('app'));