react-sweet
介绍:
基于react hook的函数库,主要分成了六个部分的钩子类型,它们分别是:
- lifecycle: 关于生命周期方面的钩子 - 文档;
- async: 关于ajax异步请求方面的钩子 - 文档;
- form:关于表单校验方面的钩子 - 文档;
- tool:关于工具类和便捷类的钩子 - 文档;
- native:关于html原生事件等这类的钩子 - 文档;
- store:基于react hook的redux状态管理的钩子 - 文档;
后续还会继续迭代更多方面的react hook钩子。
安装:
npm install react-sweet
使用:
import React, {useState} from 'react';
import { useMount } from 'react-sweet';
function Com(props) {
const [value, setValue] = useState('no');
useMount({
mount() {
console.log('mount', value)
},
clean() {
console.log('clean');
}
});
return <div>
CheckMountCom
<button onClick={() => {
setValue('yes');
}}>点击</button>
</div>
}