React dva/dynamic 参数

 

import dynamic from 'dva/dynamic';
import { Route, Switch, Redirect } from 'dva/router';
export const newDynamic = (app,model,component) => {
    // console.log(app,model,component);
    return dynamic({
        app,
        models:() => model,
        component
    })
}
/**
 * @param {app} app
 * @param {func} routerConfig 
 */
export const createRouters = (app,routerConfig) => {
    return (
        <Switch>
            {
                routerConfig(app).map( config => createRouter( app,() => config ))
            }
        </Switch>
    )

}

export const createRouter = (app,routerConfig) => {
    const { 
        title,
        path,
        indexRouter,
        component:Comp,
        ...otherProps
    } = routerConfig(app);
    if (path && path !== '/') {
        window.dva_router_pathMap[path] = { path, title, ...otherProps };
    }
    if(path === '/login'){
        console.log(routerConfig(app).component,'routerConfig');
    }
    const routePorps = Object.assign({
        key:path || '/404',
        render:props => <Comp routerData={otherProps} {...props} />
    },
    path && {
      path: path
    });
    if(path === '/login'){
        console.log(routePorps,'/sign/login')
      }
    if(indexRouter){
        return [
            <Redirect key={path + '_redirect'} exact from={path} to={indexRouter} />,
            <Route {...routePorps} />
          ];
    }
    return <Route {...routePorps} />;
}

生成动态dva路由，其中 dynamic  需要注意 里面json参数顺序，app , models , component