Skip to content

Commit 3382409

Browse files
committed
add routing based on react-router
1 parent 75fd718 commit 3382409

File tree

3 files changed

+26
-6
lines changed

3 files changed

+26
-6
lines changed

web/src/containers/Base/Base.jsx

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import ProductsTableContainer from 'web-containers/ProductsTableContainer';
1212

1313
import {
1414
Route, Router, Switch,
15-
} from 'react-router'
15+
} from 'react-router';
1616

1717
import createHistory from 'history/createBrowserHistory';
1818
import HomeComponent from 'web-components/HomeComponent';
@@ -26,9 +26,19 @@ const Base: StatelessFunctionalComponent<*> = (): Node => (
2626
<div>
2727
<Router history={browserHistory}>
2828
<Switch>
29-
<Route path="/" component={HomeComponent} exact />
30-
<Route path="/products" render={() => <ProductsTableContainer browserHistory={browserHistory} />} />
31-
<Route path="/generator" render={() => <ExampleContainer browserHistory={browserHistory} />} />
29+
<Route
30+
path="/"
31+
component={HomeComponent}
32+
exact
33+
/>
34+
<Route
35+
path="/products"
36+
render={() => <ProductsTableContainer browserHistory={browserHistory} />}
37+
/>
38+
<Route
39+
path="/generator"
40+
render={() => <ExampleContainer browserHistory={browserHistory} />}
41+
/>
3242
<Route component={ErrorComponent} />
3343
</Switch>
3444
</Router>

web/src/containers/ExampleContainer/ExampleContainer.jsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,12 @@ const ExampleContainer = ({ randomString, dispatch, browserHistory }: Props) =>
3131
)
3232
}
3333
/>
34-
<button type="button" onClick={() => browserHistory.goBack()}>Go back</button>
34+
<button
35+
type="button"
36+
onClick={() => browserHistory.goBack()}
37+
>
38+
Go back
39+
</button>
3540
</div>
3641
);
3742

web/src/containers/ProductsTableContainer/ProductsTableContainer.jsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,12 @@ const ProductsTableContainer = ({ dataSource, browserHistory }: Props) => (
4545
dataSource={dataSource}
4646
columns={columns}
4747
/>
48-
<button type="button" onClick={() => browserHistory.goBack()}>Go back</button>
48+
<button
49+
type="button"
50+
onClick={() => browserHistory.goBack()}
51+
>
52+
Go back
53+
</button>
4954
</div>
5055

5156
);

0 commit comments

Comments
 (0)