react hooks for nomal utils ## Installation ``` npm install react-utils-hooks ``` ## Usage ``` import { useSafeState } from 'react-utils-hooks';
npm install react-utils-hooks
npm install react-utils-hooks
`
Usage
`
import { useSafeState } from 'react-utils-hooks';`
APIS
$3
保证页面加载完毕之后再执行render,可避免未渲染完毕执行render而影响性能;
`
const [val, setVal] = useSafeState();
`
$3
获取到上一个状态的值
`
const [count, setCount] = useState(0);
const previousCount = usePrevious(count);
`
$3
判断页面是否加载完毕
`
const isMounted = useMounted()
`
$3
类似componentDidmount
`
useDidMount(()=> {
//加载完成之后执行逻辑
})
`
$3
类似componentWillmount
`
useWillMount(()=> {
//页面渲染之前执行逻辑
})
`
$3
页面更新操作
`
useDidUpdate(()=> {
//更新逻辑
},[deps])
`
$3
页面卸载前操作、类似componentWillunmount
`
useWillUnmount(()=> {
//卸载页面之前操作
})
`
$3
切换状态,常用于show、visible
`
const [visible, togglerVisible] = useToggler(false);
``