everest-mobile-router

基于react-router 改造的适用于移动端的路由系统

特点

• 将标签的形式转换成了配置的形式。
• 解决移动端跳转到下一个页面，上个页面组件被卸载，再次回到上个页面，页面信息丢失。

快速上手

安装

unpm i --save @uyun/everest-mobile-router

使用配置方法创建路由

• path 路由的路径， 注意不要少了 /
• component 路由对应的组件

import Router from '@uyun/everest-mobile-router'
const Bootstrap = Router.forRoot([
  {
    path: '/home',
    component: Home
  }
])

ReactDOM.render(
  <Bootstrap />,
  document.getElementById('root')
)

重定向

• path 路由的路径， 注意不要少了 /
• redirectTo 重定向的路径

import Router from '@uyun/everest-mobile-router'
const Bootstrap = Router.forRoot([
  {
    path: '/',
    redirectTo: '/home'
  }
])

ReactDOM.render(
  <Bootstrap />,
  document.getElementById('root')
)

404页面

• path 路径为 ** 当匹配不要路由的会进入404页面
• component 404对应的组件

import Router from '@uyun/everest-mobile-router'
const Bootstrap = Router.forRoot([
  {
    path: '**',
    component: NotFont
  }
])

ReactDOM.render(
  <Bootstrap />,
  document.getElementById('root')
)

路由的原数据

• path 路由的路径， 注意不要少了 /
• redirectTo 重定向的路径

import Router from '@uyun/everest-mobile-router'
const Bootstrap = Router.forRoot([
  {
    path: '/home',
    data: {title: "Heroes List"},
    component: Home
  }
])

class Home extends React.PureComponent {
  constructor (props) {
    super(props)
    console.log(this.props.route.data) // {title: "Heroes List"}
  }
}

ReactDOM.render(
  <Bootstrap />,
  document.getElementById('root')
)

Current Tags

• 0.0.15                                ...           latest (7 years ago)

14 Versions

• 0.0.1                                ...           8 years ago
• 0.0.2                                ...           8 years ago
• 0.0.3                                ...           8 years ago
• 0.0.4                                ...           8 years ago
• 0.0.5                                ...           8 years ago
• 0.0.6                                ...           8 years ago
• 0.0.7                                ...           8 years ago
• 0.0.8                                ...           8 years ago
• 0.0.9                                ...           8 years ago
• 0.0.11                                ...           8 years ago
• 0.0.12                                ...           7 years ago
• 0.0.13                                ...           7 years ago
• 0.0.14                                ...           7 years ago
• 0.0.15                                ...           7 years ago