1.0.0-alpha.5 • Published 4 years ago
@better-mini/logger v1.0.0-alpha.5
@better-mini/logger
小程序真机调试/预览 Logger 组件,支持输出日志到屏幕进行查看,提升调试效率。
注:目前仅支持 Taro 3.0
使用
安装
npm install @better-mini/logger
使用
import React from 'react'
import Logger from '@better-mini/logger'
import '@better-mini/logger/dist/index.less'
const Page = () => {
const handleLog = () => {
Logger.log('Hello')
}
const handleError = () => {
Logger.error('Ops, an error occurred.')
}
return (
<View className={styles.page}>
<View className={styles.btn} onClick={handleLog}>
点击 log 一下
</View>
<View className={styles.btn} onClick={handleError}>
点击 error 一下
</View>
<Logger visible beautify max={100} height={600} />
</View>
)
}
API
Logger 组件
Logger
继承至 View
,因此 View
的 className
style
等 prop 均支持
属性 | 可选 | 类型 | 默认值 | 释义 |
---|---|---|---|---|
visible | 是 | boolean | true | 是否渲染 |
expand | 是 | boolean | true | 是否展开 |
beautify | 是 | boolean | true | 是否格式化 JSON 数据,便于阅读 |
max | 是 | number | 30 | 最多展示多少日志,超过时最早的日志会被删除 |
height | 是 | number | 400 | 组件高度 |
Logger.log(arg1 , arg2, ..., argN)
输出普通日志
参数:arg1 [, arg2, ..., argN]
:any
Logger.error(arg1 , arg2, ..., argN)
输出错误日志
参数:arg1 [, arg2, ..., argN]
:any