分类 编程 下的文章 - 吴渭明的博客

【Ant Design Mobile】引入&测试

安装

进入项目根目录,执行

cnpm install antd-mobile@next --save

测试使用

引入

import {Button} from 'antd-mobile'
import 'antd-mobile/dist/antd-mobile.css'

使用

  add(){
    console.log('test')
  }
render() {
    return (
      <div>
        <Button type="primary" onClick={()=>this.add()}>click</Button>
      </div>
    )
  }

- 阅读剩余部分 -

【Ant Design pro-1】新建菜单

Ant Design pro 介绍

Ant Design Pro 是一个企业级中后台前端/设计解决方案。

目标

在Ant Design pro中新建一个菜单。

在common/router.js中新建菜单

如图所示:
Snipaste_2018-01-22_15-50-48.png

##构建页面
在上图路径下新建Test.js文件

import React from 'react';
import moment from 'moment';
import { connect } from 'dva';

import PageHeaderLayout from '../../layouts/PageHeaderLayout';

export default ()=> (<PageHeaderLayout>
       <div>hello world</div>
      </PageHeaderLayout>
    );

效果

Snipaste_2018-01-22_15-52-58.png

【ES6】更好的传参

传统的传参方式

function test(a,b){
    console.log('a:',a);
    console.log('b:',b);
}

test(1,2);

这样有两个缺点:
1.参数的数量需要是确定的;
2.参数的默认值需要重新写代码;例如:

a=a||110;

ES6的方式

let obj={
    a:1,
    b:2
}

function test({a,b}){
    console.log('a:',a);
    console.log('b:',b);
}

test(obj);

ES6可以使用对象传递参数,另外设置默认值的话,可以使用:

function test({a=110,b}){
    console.log('a:',a);
    console.log('b:',b);
}

【ES6】有趣的const

ES6的const表示一个不可更改的常量。有趣的是当const指向一个对象时,有了指针的概念,例如测试如下的代码:

let obj =  {
    objName:'test obj',
    objAttr1:1
}
const X = obj;
console.log('obj.objAttr1:',obj.objAttr1);
obj.objAttr1=2;
console.log('obj.objAttr1:',obj.objAttr1);

执行结果
Snipaste_2018-01-20_23-22-08.png
该obj的属性是可以被更改的。