github/JavaScriptServices
1
1
Fork 0
mirror of https://github.com/aspnet/JavaScriptServices.git synced 2025-12-23 01:58:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Beginning server-side rendering support

Browse Source
This commit is contained in:
SteveSandersonMS
2016-02-07 21:41:00 -08:00
parent 5811c98230
commit 9c16c7da3d
15 changed files with 208 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
samples/react/MusicStore/ReactApp/components/App.tsx
View File

@@ -1,37 +0,0 @@
import * as React from 'react';
import { Router, Route, HistoryBase } from 'react-router';
import NavMenu from './NavMenu';
import Home from './public/Home';
import Genres from './public/Genres';
import GenreDetails from './public/GenreDetails';
import AlbumDetails from './public/AlbumDetails';
export interface AppProps {
history: HistoryBase;
}
export class App extends React.Component<AppProps, void> {
public render() {
return (
<Router history={ this.props.history }>
<Route component={ Layout }>
<Route path="/" components={{ body: Home }} />
<Route path="/genres" components={{ body: Genres }} />
<Route path="/genre/:genreId" components={{ body: GenreDetails }} />
<Route path="/album/:albumId" components={{ body: AlbumDetails }} />
</Route>
</Router>
);
}
}
class Layout extends React.Component<{ body: React.ReactElement<any> }, void> {
public render() {
return <div>
<NavMenu />
<div className="container">
{ this.props.body }
</div>
</div>;
}
}