Pass basename to StaticRouter for createHref

Author: chentsulin

modules/BrowserRouter.js

@@ -11,6 +11,7 @@ const BrowserRouter = ({ basename, keyLength, ...rest }) => (
       <StaticRouter
         action={action}
         location={location}
+        basename={basename}
         onPush={history.push}
         onReplace={history.replace}
         blockTransitions={history.block}

modules/HashRouter.js

@@ -11,6 +11,7 @@ const HashRouter = ({ basename, hashType, ...rest }) => (
       <StaticRouter
         action={action}
         location={location}
+        basename={basename}
         onPush={history.push}
         onReplace={history.replace}
         onGo={history.go}

modules/StaticRouter.js

@@ -20,6 +20,7 @@ class StaticRouter extends React.Component {
     children: PropTypes.oneOfType([ PropTypes.node, PropTypes.func ]),
     createHref: PropTypes.func.isRequired,
     location: PropTypes.oneOfType([ PropTypes.object, PropTypes.string ]).isRequired,
+    basename: PropTypes.string,
     onPush: PropTypes.func.isRequired,
     onReplace: PropTypes.func.isRequired,
     stringifyQuery: PropTypes.func.isRequired,
@@ -45,7 +46,10 @@ class StaticRouter extends React.Component {
 
   getChildContext() {
     const createHref = (to) => {
-      const path = createRouterPath(to, this.props.stringifyQuery)
+      const path = createRouterPath(
+        this.props.basename ? this.props.basename + to : to,
+        this.props.stringifyQuery
+      )
       return this.props.createHref(path)
     }