react-mobile-router

React移动端WEB路由

Usage no npm install needed!

<script type="module">
  import reactMobileRouter from 'https://cdn.skypack.dev/react-mobile-router';
</script>

README

react-mobile-router

  • React移动端WEB路由
  • 修改react-router 部分代码,历史路由页面不销毁,回退时不刷新页面
  • 支持页面载入和退出动画效果

📦 安装

npm install react-mobile-router --save
yarn add react-mobile-router

🔨 示例

image

示例代码

    import React from 'react';
    import { BrowserRouter, Route } from 'react-mobile-router';
    import { UserPage } from './pages/user/userpage';
    
    export class App extends React.Component {
        render() {
            return (
                <BrowserRouter>
                    <Route path={'/'} component={UserPage}></Route>
                </BrowserRouter>
            );
        }
    }

钩子

Name Description
componentResume 重新回退到当前路由时触发
```js
componentResume() {
//Todo
}
```