@ozo/react-rock/src/layouts/BasicLayout/MainRoutes.jsx

React 移动端开发脚手架，基于CRA3，通用、开箱即用。

import React from 'react';
import { Switch, Route } from 'react-router-dom';

/**
 * 渲染路由组件
 * @param {Object} item routerConfig中的子项
 * @param {Number} index 索引
 * @returns {*} Route节点
 */
const renderNormalRoute = (item, index) => {
    // return item.component ? <Route key={index} path={item.path} component={item.component} exact={item.exact} /> : null;
    return item.component ? (
        <Route
            key={index}
            path={item.path}
            render={(props) => {
                document.title = item.title;
                return <item.component title={item.title} {...props} />;
            }}
            exact={item.exact}
        />
    ) : null;
};

const mainRoutes = ({ routerData }) => {
    return (
        <Switch>
            {/* 渲染路由表 */}
            {routerData.map(renderNormalRoute)}
        </Switch>
    );
};

export default mainRoutes;