|
1 | 1 | import React, { useState } from 'react';
|
2 | 2 | import PropTypes from 'prop-types';
|
3 | 3 | import {
|
4 |
| - MemoryRouter as Router, Route, NavLink, Switch, |
| 4 | + MemoryRouter as Router, |
| 5 | + Route, |
| 6 | + NavLink, |
| 7 | + Switch, |
5 | 8 | } from 'react-router-dom';
|
6 | 9 | import StateRoute from '../components/StateRoute';
|
7 | 10 | import DiffRoute from '../components/DiffRoute';
|
8 | 11 |
|
9 |
| - |
10 | 12 | // eslint-disable-next-line react/prop-types
|
11 | 13 | const StateContainer = ({ snapshot, hierarchy }) => {
|
12 |
| - const [ Text, setText ] = useState('State'); |
| 14 | + const [Text, setText] = useState('State'); |
13 | 15 | return (
|
14 | 16 | <Router>
|
15 | 17 | <div className="state-container">
|
16 | 18 | <div className="main-navbar-container">
|
17 |
| - <div className="main-navbar-text"> |
18 |
| - {Text} |
19 |
| - </div> |
| 19 | + <div className="main-navbar-text">{Text}</div> |
20 | 20 | <div className="main-navbar">
|
21 |
| - <NavLink className="main-router-link" activeClassName="is-active" exact to="/"> |
| 21 | + <NavLink |
| 22 | + className="main-router-link" |
| 23 | + activeClassName="is-active" |
| 24 | + exact |
| 25 | + to="/" |
| 26 | + > |
22 | 27 | State
|
23 | 28 | </NavLink>
|
24 |
| - <NavLink className="main-router-link" activeClassName="is-active" to="/diff"> |
| 29 | + <NavLink |
| 30 | + className="main-router-link" |
| 31 | + activeClassName="is-active" |
| 32 | + to="/diff" |
| 33 | + > |
25 | 34 | Diff
|
26 | 35 | </NavLink>
|
27 | 36 | </div>
|
28 | 37 | </div>
|
29 | 38 | <Switch>
|
30 |
| - <Route path="/diff" render={() => { setText('Diff'); return <DiffRoute snapshot={snapshot} />; }} /> |
31 |
| - <Route path="/" render={() => { setText('State'); return <StateRoute snapshot={snapshot} hierarchy={hierarchy} />; }} /> |
| 39 | + <Route |
| 40 | + path="/diff" |
| 41 | + render={() => { |
| 42 | + setText('Diff'); |
| 43 | + return <DiffRoute snapshot={snapshot} />; |
| 44 | + }} |
| 45 | + /> |
| 46 | + <Route |
| 47 | + path="/" |
| 48 | + render={() => { |
| 49 | + setText('State'); |
| 50 | + return <StateRoute snapshot={snapshot} hierarchy={hierarchy} />; |
| 51 | + }} |
| 52 | + /> |
32 | 53 | </Switch>
|
33 | 54 | </div>
|
34 | 55 | </Router>
|
|
0 commit comments