1.antd form表單switch, CheckBox于樟、Switch 默認(rèn)值設(shè)置
{getFieldDecorator('switch', {valuePropName: 'checked', initialValue: true})(<Switch />)}
- ts類型
Event 事件對象類型
常用 Event 事件對象類型：
ClipboardEvent<T = Element> 剪貼板事件對象
DragEvent<T = Element> 拖拽事件對象
ChangeEvent<T = Element> Change 事件對象
KeyboardEvent<T = Element> 鍵盤事件對象
MouseEvent<T = Element> 鼠標(biāo)事件對象
TouchEvent<T = Element> 觸摸事件對象
WheelEvent<T = Element> 滾輪事件對象
AnimationEvent<T = Element> 動畫事件對象
TransitionEvent<T = Element> 過渡事件對象
實例：
handleClick = (e: MouseEvent ) => {}
3.過濾數(shù)據(jù)
//適用于antd ---table里面dataSource做本地數(shù)據(jù)的批量刪除
_.filter(dataSource, (item: any) => {
return ! _.includes(rowKeySelect, item.key)
})
4.常用qs方法
var prefixed = qs.parse('?a=b&c=d', { ignoreQueryPrefix: true });
// prefixed { a: 'b', c: 'd' }
var prefixed = qs.stringify({ a: ['b', 'c', 'd'] }, { indices: false });
// prefixed 'a=b&a=c&a=d'
qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' })
// 'a[0]=b&a[1]=c'
qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets' })
// 'a[]=b&a[]=c'
qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'repeat' })
// 'a=b&a=c'
qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'comma' })
5.mock隨機(jī)生成數(shù)據(jù)
‘'name': '@cname', // 中文名稱
'key': '@id', //隨機(jī)id
'id|+1': 88, // 屬性值自動加 1敢朱，初始值為88
'age|18-28': 0, // 18至28以內(nèi)隨機(jī)整數(shù), 0只是用來確定類型
'birthday': '@date("yyyy-MM-dd")', // 日期
'city': '@city(true)', // 中國城市
'color': '@color', // 16進(jìn)制顏色
'isMale|1': true, // 布爾值
'isFat|1-2': true, // true的概率是1/3
'fromObj|2': obj, // 從obj對象中隨機(jī)獲取2個屬性
'fromObj2|1-3': obj, // 從obj對象中隨機(jī)獲取1至3個屬性
'brother|1': ['jack', 'jim'], // 隨機(jī)選取 1 個元素
'sister|+1': ['jack', 'jim', 'lily'], // array中順序選取元素作為結(jié)果
'friends|2': ['jack', 'jim'] // 重復(fù)2次屬性值生成一個新數(shù)組
- less文件中引入別的less文件
@import '../../index.less'
- this.forceUpdate() 頁面重新渲染
class App extends Component<> {
public name: any;
......
......
public handle = () => {
this.name = 'zhangsan',
this.forceUpdate()
}
}
9.ts關(guān)于定義復(fù)雜數(shù)據(jù)類型的類型
const params: { [propsName: string] : any } = {
index: 1,
num: 20,
order: {},
selector: []
}
