React export & import , ES6 module

es6-React-export-import-module.md

React export & import

export {IndexComponents};

export default IndexComponents;

import {MenuManagement} from './MenuManagement';

import MenuManagement from './MenuManagement';

---

    
import React, {Component} from 'react';

import {UserQuery} from './UserQuery';
import {LoginStatistics} from './LoginStatistics';
import {BehaviorAnalysis} from './BehaviorAnalysis';

import {RoleManagement} from './RoleManagement';
import {BindingSettings} from './BindingSettings';
import {LimitSettings} from './LimitSettings';
import {UserRightsSettings} from './UserRightsSettings';
import {UserRestrictions} from './UserRestrictions';
import {RolePermissionSettings} from './RolePermissionSettings';

import {ProductManagement} from './ProductManagement';
import {ModuleManagement} from './ModuleManagement';
import {ClassLibraryManagement} from './ClassLibraryManagement';
import {FunctionalManagement} from './FunctionalManagement';
import {ResourceManagement} from './ResourceManagement';
import {MenuManagement} from './MenuManagement';

class IndexComponents extends Component {
    render() {
        return (
            <div>
                <h1>索引组件 IndexComponents</h1>
                <div>
                    <UserQuery />
                    <LoginStatistics />
                    <BehaviorAnalysis />
                </div>
                <hr/>
                <div>
                    <RoleManagement />
                    <BindingSettings />
                    <LimitSettings />
                    <UserRightsSettings />
                    <UserRestrictions />
                    <RolePermissionSettings />
                </div>
                <hr/>
                <div>
                    <ProductManagement />
                    <ModuleManagement />
                    <ClassLibraryManagement />
                    <FunctionalManagement />
                    <ResourceManagement />
                    <MenuManagement />
                </div>
            </div>
        );
    }
}

export {IndexComponents};
export default IndexComponents;

    
import React, {Component} from 'react';

class UserQuery extends Component {
    render() {
        return (
            <div>
                <h1>用户查询 UserQuery</h1>
            </div>
        );
    }
}


export {UserQuery};
export default UserQuery;

ES7 Object Spread Operator

https://gist.github.com/xgqfrms-gildata/deb9413b3283c0a5f7f1e1b1be1cc2b1