1.0.1 • Published 2 years ago
ccshook v1.0.1
ccshook
安装
$ npm i ccshook
$ yarn add ccshook
useActive
进入当前路由就触发激活
使用: useActive((route) => {})
useTableCheck
antd table勾选hook
使用: const { rowSelection, selectedRowKeys, selectedRows, clearRowChecked, setRowChecked } = useTableCheck()
变量说明:
rowSelection 表格rowSelection属性,内部包含selectedRowKeys,onChange 两个属性
selectedRowKeys 表格选中的key
selectedRows 表格选中的行数据
clearRowChecked 清除表格勾选
setRowChecked 设置表格勾选
useTableCheck((keys, rows) => {})接收一个函数在勾选后调用并返回表格选中的key和表格选中的行数据
useStyle
简单优雅的使用style设置自定义样式
使用:const [customStyle] = useStyle('body{ }')
customStyle只需放入jsx里即可 例:<div>{customStyle}</div>
就像在html里写class样式一样,另外还支持react css的写法,需传入指定的类名
const [customStyle] = useStyle({ backgrund: #FF0000 }, className)
useCommon
通过hook形式提供公共方法
使用 const { isInteger } = useCommon()
具体方法请查看hook内部提供的方法