質問編集履歴

誤記の修正

2019/09/15 14:22

投稿

khhhhh

スコア5

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -180,7 +180,7 @@
 const mapStateToProps = state => ({
-    open: state.MenuIconReducer.open,
+    open: state.NavIconReducer.open,
 })
@@ -572,138 +572,120 @@
  */
+import React from 'react';
+import { Route, Switch } from 'react-router-dom'
+import { makeStyles } from '@material-ui/core/styles'
+import CssBaseline from '@material-ui/core/CssBaseline'
+import Header from './components/header'
+import About from './components/about'
+import Top from './components/top'
+import MyPage from './components/mypage'
+import Login from './components/login'
+import Signup from './components/signup'
+const useStyles = makeStyles(() => ({
+    root: {
+    },
+}))
+function App() {
+    const classes = useStyles();
+    return (
+        <CssBaseline>
+            <div className={classes.root}>
+                <Header />
+                <Switch>
+                    <Route exact path="/" component={Top} />
+                    <Route exact path="/mypage" component={MyPage} />
+                    <Route exact path="/login" component={Login} />
+                    <Route exact path="/signup" component={Signup} />
+                    <Route exact path="/about" component={About} />
+                </Switch>
+            </div>
+        </CssBaseline>
+    );
+}
+export default App;
+```
+```index.js
+/**
+ * index.js
+ */
 import React from 'react'
+import ReactDOM from 'react-dom'
-import { withStyles } from '@material-ui/core/styles'
+import { Provider } from 'react-redux';
-import AppBar from '@material-ui/core/AppBar'
+import App from './App'
-import Toolbar from '@material-ui/core/ToolBar'
+import { createStore } from 'redux';
-import Typography from '@material-ui/core/Typography';
-import NavIcon from './NavIcon'
+import reducers from './reducers';
-import ShareIcon from './ShareIcon'
-import logo from '../../logo.png'
-const drawerWidth = 250 // Width for Drawer
-const styles = theme => ({
+const store = createStore(reducers)
-    appBar: {
-        width: '100%',
-        marginLeft: drawerWidth,
-        [theme.breakpoints.up('md')]: {
-            width: `calc(100% - ${drawerWidth}px)`,
-        },
-    },
-    toolBar: {
-    },
-    title: {
-        margin: 'auto',
-    },
-    logo: {
-        width: 20,
-        paddingRight: 5,
+ReactDOM.render(
-    },
-})
-const Header = ({ classes }) => (
-    <div className={classes.header}>
+    <Provider store={store}>
-        <AppBar className={classes.appBar}>
-            <Toolbar className={classes.toolBar}>
-                <NavIcon />
+        <App />
-                <Typography className={classes.title}>
-                    <img src={logo} alt="Header logo" className={classes.logo} />
-                    *****
-                </Typography>
-            </Toolbar>
+    </Provider>,
-        </AppBar>
+    document.getElementById('root')
-    </div>
 )
-export default withStyles(styles, { withTheme: true })(Header)
-```
-```index.js
-/**
- * index.js
- */
-import React from 'react'
-import ReactDOM from 'react-dom'
-import { Provider } from 'react-redux';
-import App from './App'
-import { createStore } from 'redux';
-import reducers from './reducers';
-const store = createStore(reducers)
-ReactDOM.render(
-    <Provider store={store}>
-        <App />
-    </Provider>,
-    document.getElementById('root')
-)
 ```