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