react-router服务器渲染match方法之renderProps内部结构

前端之家收集整理的这篇文章主要介绍了react-router服务器渲染match方法之renderProps内部结构前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最新内容请在github阅读,我会定时更新这部分的内容。给您带来不便,请见谅~~~~
下面是react-router的match方法中的renderProps属性的内部签名:
其中renderProps包含routes,params,location,components,router,matchContext属性

{ 
    //renderProps包含routes对象
    routes:
    [ { path: '/',component: [Function: App],IndexRoute: [Object],childRoutes: [Object]
     },{ component: [Function: Home],path: 'home' } 
    ],//renderProps包含params对象
   params: {},// renderProps包含location对象
   location:
    { pathname: '/home',search: '',hash: '',state: undefined,action: 'POP',key: '34hg49',query: {}
     },// renderProps包含components对象
   components: [ [Function: App],[Function: Home] ],// renderProps包含router对象
   router:
    { getCurrentLocation: [Function: getCurrentLocation],listenBefore: [Function: listenBefore],listen: [Function: listen],transitionTo: [Function: transitionTo],push: [Function: push],replace: [Function: replace],go: [Function: go],goBack: [Function: goBack],goForward: [Function: goForward],createKey: [Function: createKey],createPath: [Function: createPath],createHref: [Function: createHref],createLocation: [Function: createLocation],canGo: [Function: canGo],unsubscribe: [Function: unsubscribe],setRouteLeaveHook: [Function: listenBeforeLeavingRoute],isActive: [Function: isActive],location:
       { pathname: '/home',query: {} 
     },params: {},routes: [ [Object],[Object] ] 
      },// renderProps包含matchContext对象
   matchContext:
    { transitionManager:
       { isActive: [Function: isActive],match: [Function: match],listenBeforeLeavingRoute: [Function: listenBeforeLeavingRoute],listen: [Function: listen] },router:
       { getCurrentLocation: [Function: getCurrentLocation],location: [Object],routes: [Object] 
     }
   } 
 }

猜你在找的React相关文章