react-router-scroll-behavior
v0.0.1-beta2
Published
Scroll behaviors for use with [react-router](https://github.com/reactjs/react-router). Based on [scroll-behavior](https://github.com/taion/scroll-behavior).
Downloads
19
Readme
react-router-scroll-behavior
Scroll behaviors for use with react-router. Based on scroll-behavior.
What's the problem of scroll-behavior
?
scroll-behavior
and react-router
are all rely on history
and listen the location change. But react-router
route components by using setState
which is asynchronous. So that scroll behaviors may happen before routing finished.
Installation
$ npm i react-router-scroll-behavior --save
Usage
import React from 'react'
import { render } from 'react-dom'
import { Router, browserHistory } from 'react-router'
import { RouterScrollContext } from 'react-router-scroll-behavior'
// Render `Router` with RouterScrollContext
render((
<Provider store={store} key="provider">
<Router render={(props) => <RouterScrollContext {...props}/>} history={browserHistory}>
...routes
</Router>
</Provider>
), dest)