如何在React的render（）中导航到react-router-1.0.3中的组件之外？

Question

I want to route to another path in the render function in react-router-1.0.3. I can redirect the user by providing a link using:

render(
       <Link to={`/${this.props.params.projectSlug}/`}>
           Please follow this link to access your workspace.
       </Link>
      )

But I cant seem to programmatically forward to this link. I tried:

render(
      <Router history={browserHistory} routes=
          {`/${this.props.params.projectSlug}/`}/>
      )

How can I programmatically forward to a relative path in react-router 1.0.3?

Answer 1

Try upgrade router to the latest version if you don't mind;
Then, they strictly clarify how to do it here .

// Your main file that renders a <Router>:
import { Router, browserHistory } from 'react-router'
import routes from './app/routes'

render(
  <Router history={browserHistory} routes={routes} />,
  mountNode
)

&

// Somewhere like a Redux middleware or Flux action:
import { browserHistory } from 'react-router'

// Go to /some/path.
browserHistory.push('/some/path')

// Go back to previous location.
browserHistory.goBack()