更改之后出现问题，是引用版本错误吗？

<script type="text/babel">
    var {
        Router,
        Route,
        IndexRouter,
        IndexLink,
        Link,
        hashHistory
    }=ReactRouter;
    var destination=document.querySelector('#container');
    var Home=React.createClass({
        render:function () {
         return(
             <div>
                 <h2>望天门山</h2>
                 <p>天门中断楚江开，碧水东流至此回</p>
                 <p>两岸青山相对出，孤帆一片日边来</p>
             </div>
             );
        }
    });
    var APP=React.createClass({
        render:function () {
         return(
             <div>
                 <h1>Simple SAP</h1>
                 <ul className='header'>
                     <li>李白</li>
                     <li>杜甫</li>
                     <li>李商隐</li>
                 </ul>
                 <div className="content">
                     {this.props.children}
                 </div>
             </div>
         );
        }
    });

    ReactDOM.render(
        <Router history={hashHistory}>
            <Route path="/" component={APP}>
                <IndexRouter component={Home}/>
            </Route>
        </Router>,
        destination
    );
</script>