导入导出
//导出数组
//export default [] import pageRoutes from './router.config'; //导出数组 const sidebarMenu = [] export default sidebarMenu; //导出数组 export const headerMenu = [] --------------------------------------------------------------------------------------------- //导出方法 无参 //export default config => {} import webpackplugin from './plugin.config'; ---------------------------- //导出方法 有参 export const loginSuccessCreator = (userName) => { return {type: 'LOGIN_SUCCESS', payload: userName}; }; ---------------------------- //导出方法 无参 // export async function queryNotices() { // return request('/api/notices'); // }
//导入方法 无参 import { queryNotices } from '@/services/api'; ---------------------------- const LoginSubmit = ({ className, ...rest }) => { const clsString = classNames(styles.submit, className); return ( <FormItem> <Button size="large" className={clsString} type="primary" htmlType="submit" {...rest} /> </FormItem> ); }; //导出方法 有参 export default LoginSubmit; ---------------------------------------------------------------------------------------------
//导出对象 //module.exports = {} //导入对象 import defaultSettings from '../src/defaultSettings'; const Utils = {}
//导出对象 export default Utils; //导出对象 export const environment = { url: 'http://10.10.111.19:8080', servicesUrl: 'http://10.10.111.19:8080' };
//导入对象 import {environment} from 'src/environments/environment'; this.url = environment.url; --------------------------------------------------------------------------------------------- //let domain = 'https://zhanglanzuopin12.cn/'; //导出字符串 //export default domain;
//导入字符串 import domain from '@/utils/domain.js'; --------------------------------------------------------------------------------------------- //组件 //class ArticleComponent extends React.Component {}
//导入组件 import ArticleComponent from './ArticleComponent'; //组件 class App extends React.Component{} const mapStateToProps = (state) => { return { // 侧边栏是否折叠 collapse: state.Sidebar.collapse, // 是否登录 login: state.Login.login, // 登录后的用户名 userName: state.Login.userName, }; }; const mapDispatchToProps = (dispatch) => { return { // loginSuccess事件比较特殊, 不只Login组件会触发, App组件也会触发 handleLoginSuccess: bindActionCreators(loginSuccessCreator, dispatch), }; }; //导出组件 export default connect(mapStateToProps, mapDispatchToProps)(App); //组件 class Welcome extends React.PureComponent {} class UpdateGPA extends React.PureComponent {}
//导出组件 export {Welcome , UpdateGPA}; ---------------------------- //Angular导出 export class CommonService { url = 'http://10.10.111.21:8080'; get_user() { return this.http.get(this.url + '/system/get_user'); } } //Angular导入 import {CommonService} from '../@service/common.service'; constructor(private router: Router, private commonService: CommonService) {} ngOnInit() { //获取当前用户 this.commonService.get_user().subscribe( resu1 => { if (resu1['status'] === 'OK') { this.userName = resu1['data']; } }, error => { console.error('topic select error'); } );
}
先把一个页面精简到最少 再引出去