Optimze Route

bodyno · bodyno · commit a47b47d1810d · 2016-06-12T18:03:34.000+08:00
diff --git a/src/routes/PageNotFound/components/PageNotFound.js b/src/routes/PageNotFound/components/PageNotFound.js
@@ -1,11 +1,12 @@
 import React, { Component } from 'react'
 import NotFoundImage from '../assets/404.jpg'
 import classes from './PageNotFound.scss'
+import { withRouter } from 'react-router';
 
-export default class PageNotFound extends Component{
+class PageNotFound extends Component{
 
   back(){
-    console.log(this.props.router);
+    this.props.router.goBack()
   }
 
   render(){
@@ -21,3 +22,4 @@ export default class PageNotFound extends Component{
     )
   }
 }
+export default withRouter(PageNotFound)
diff --git a/src/routes/Route/components/Route.js b/src/routes/Route/components/Route.js
@@ -1,22 +1,10 @@
 import React, {Component} from 'react'
-import { Link } from 'react-router';
+import { Link, withRouter } from 'react-router';
 
 class Route extends Component {
 
-  /*componentDidMount() {
-    this.props.router.setRouteLeaveHook(this.props.route, this.routerWillLeave)
-  }
-
-  routerWillLeave(nextLocation) {
-    return 'Your work is not saved! Are you sure you want to leave?'
-  }*/
-
   redirect () {
-    console.log(this.props);
-  }
-
-  componentWillReceiveProps (nextProps) {
-    console.log(nextProps.params.id)
+    this.props.router.push('/form')
   }
 
   render () {
@@ -25,7 +13,7 @@ class Route extends Component {
     return (
       <div>
         <h1>
-          Path: <Link to="/route/99">{location.pathname}</Link>
+          Path: <Link to="/form">{location.pathname}</Link>
         </h1>
         <div>
           <button onClick={this.redirect.bind(this)}>Go</button>
@@ -34,4 +22,4 @@ class Route extends Component {
     )
   }
 }
-export default Route
+export default withRouter(Route)

Original file line number	Diff line number	Diff line change
`@@ -1,11 +1,12 @@`
`1`	`1`	`import React, { Component } from 'react'`
`2`	`2`	`import NotFoundImage from '../assets/404.jpg'`
`3`	`3`	`import classes from './PageNotFound.scss'`
	`4`	`+import { withRouter } from 'react-router';`
`4`	`5`
`5`		`-export default class PageNotFound extends Component{`
	`6`	`+class PageNotFound extends Component{`
`6`	`7`
`7`	`8`	`back(){`
`8`		`- console.log(this.props.router);`
	`9`	`+ this.props.router.goBack()`
`9`	`10`	`}`
`10`	`11`
`11`	`12`	`render(){`
`@@ -21,3 +22,4 @@ export default class PageNotFound extends Component{`
`21`	`22`	`)`
`22`	`23`	`}`
`23`	`24`	`}`
	`25`	`+export default withRouter(PageNotFound)`